GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → SharebookBR → Sharebook Frontend

SharebookBR / Sharebook Frontend

Projeto frontend de código livre para o app Sharebook.

Programming Languages

typescript
32286 projects

Labels

frontendhtml5slackbootstrap4css3angular6trello

Projects that are alternatives of or similar to Sharebook Frontend

Neo
Create blazing fast multithreaded Web Apps
Stars: ✭ 1,219 (+1966.1%)
Mutual labels:  frontend, html5, css3
Grav Theme Landio
Land.io is a carefully crafted landing page UI kit and landing page template built on Bootstrap 4, designed by Peter Finlan and developed by Taty Grassini.
Stars: ✭ 28 (-52.54%)
Mutual labels:  html5, bootstrap4, css3
E Commerce 2 django
Guest register, user register, user login, user logout, account home page, product view history, change password, reset password, change name, send activation email when register, resend activation email, add shipping address, add billing address, add nickname to the addresses, edit shipping address, edit billing address, view list of your addresses, reuse shipping addresses when order products, reuse billing addresses when ordeer products, show sales analytics if staff or admin only using -chart.js-, get analytics data with Ajax, receive marketing email, change if user will receive marketing email or not by admin, send contact message with Ajax, products list, product detail, download product detail as a PDF file, download digital product files -if the user purchased that digital product only-, orders list, list of digital products files, order detail, download order detail as a PDF file, verify order ownership with Ajax -to secure order detail page-, show cart products, add or remove product from cart, checkout page, thanks page when order placed successfully, add or reuse payment method, add or reuse payment method with Ajax, search products by title, search products by description, search products by price, search products by tag title, write tags for products -by admin only-, auto fill contact email, full name if user logged in.
Stars: ✭ 20 (-66.1%)
Mutual labels:  html5, bootstrap4, css3
Frontend Mentor Challenge
Here you will find all the challenges that we took from frontend-mentor.
Stars: ✭ 47 (-20.34%)
Mutual labels:  frontend, html5, css3
The Front End Knowledge You May Not Know
😇 你可能不知道的前端知识点
Stars: ✭ 2,238 (+3693.22%)
Mutual labels:  frontend, html5, css3
Roadmap Web Developer 2017
Front-end (HTML5/CSS3/Javascript related) technologies to learn in 2017
Stars: ✭ 142 (+140.68%)
Mutual labels:  frontend, html5, css3
Awesome Web Components
🤖 Awesome web components and snippets for every Front-End Developer
Stars: ✭ 28 (-52.54%)
Mutual labels:  frontend, html5, css3
Lazy
Kule Lazy4 / CSS Framework
Stars: ✭ 147 (+149.15%)
Mutual labels:  frontend, html5, css3
Efo
EFO是一个基于SpringBoot和Vue构建的文件分享系统，包括文件的上传与下载，文件的权限管理，远程文件管理等功能。
Stars: ✭ 327 (+454.24%)
Mutual labels:  html5, bootstrap4, css3
Tony
An Elegant WordPress Theme Based on ✌️Vue.js | 基于 Vue.js 的简洁一般强大的 WordPress 单栏博客主题
Stars: ✭ 462 (+683.05%)
Mutual labels:  html5, bootstrap4, css3
Steam Review Editor
Easily create, format and preview your Steam reviews in real-time
Stars: ✭ 14 (-76.27%)
Mutual labels:  html5, bootstrap4
Spring Mvc Thymeleaf Crud
Spring MVC CRUD Application with Thymeleaf, HTML5, CSS3 and Bootstrap
Stars: ✭ 14 (-76.27%)
Mutual labels:  html5, css3
Bootstrap
Open Source JS plugins
Stars: ✭ 13 (-77.97%)
Mutual labels:  html5, css3
Repo Made For Frontend Devs Mohitverma
#Repo i made for people and newcomers ,strugging on web to learn new skills and be updated regarding Frontend development
Stars: ✭ 12 (-79.66%)
Mutual labels:  html5, css3
Masterportfolio
🔥 The Complete Customizable Software Developer Portfolio Template which lets you showcase your work and provides each and every detail about you as Software Developer.
Stars: ✭ 913 (+1447.46%)
Mutual labels:  html5, css3
Vue Qq
🎨 Vue family bucket with socket.io and express/koa2 , create a web version of mobile QQ, supporting real-time group chat, real-time private chat, special care, shielding chat, smart IP geographic location, real-time display temperature and other QQ core functions
Stars: ✭ 861 (+1359.32%)
Mutual labels:  html5, css3
Microzz.github.io
💻https://microzz.com IT技术分享
Stars: ✭ 29 (-50.85%)
Mutual labels:  html5, css3
Root Bootstrap 4 Admin Template With Angularjs Angular 2 Support
Root is Boostrap 4 Admin Template with Angular 2 and AngularJS support
Stars: ✭ 54 (-8.47%)
Mutual labels:  bootstrap4, css3
Lofi Player
🎧 A Lofi Player built with HTML, CSS and Javascript using Parcel as Module Bundler https://lakscastro.github.io/lofi-player
Stars: ✭ 38 (-35.59%)
Mutual labels:  html5, css3
Nly Adminlte Vue
vuejs2 AdminLte3 template more than 50 components and 10 directives.such as collapse ,sidebar,container,infobox,breadcrumb,card,grid,dropdown,toast,navbar,timeline,icon,progress
Stars: ✭ 44 (-25.42%)
Mutual labels:  bootstrap4, css3
View All Similar Projects ➔

PRIMEIROS PASSOS DEVELOPER FRONTEND

1 - CONHEÇA O PROJETO SHAREBOOK

https://www.linkedin.com/pulse/projeto-sharebook-raffaello-damgaard/

2 - ENTRE NO SLACK

https://join.slack.com/t/sharebookworkspace/shared_invite/enQtMzQ2Nzc5OTk3MDc4LTZlMmJlMjA3NGE1NDczN2QxYzc2ZWZhM2UxMzFkMDIyYjliMGI3YzdlYzg2ZjZhYjQ2YWY1ZTUyZGViNzViOWQ

2.2 - LÁ NO SLACK, ENTRE NO CANAL #FRONTEND

  • Se apresente. Nome, cidade, profissão, e principais habilidades.
  • Pergunte sobre as tarefas em aberto.
  • Troque uma ideia com o time técnico. Comente como planeja solucionar. Ouça os conselhos dos devs mais experientes. Esse alinhamento é super importante pra aumentar significativamente as chances do seu PULL REQUEST ser aprovado depois.

3 - FAÇA PARTE DA EQUIPE NO TRELLO

https://trello.com/invite/sharebook6/928f21ef82592b5edafde06f171d338b

3.2 - PEGUE UMA TAREFA NO TRELLO.

4 - GITHUB

4.1 FAÇA UM FORK DO REPOSITÓRIO

https://github.com/SharebookBR/frontend

4.2 INSTALE OS PLUGINS RECOMENDADOS

Para padronizarmos a formatação do código, é necessário instalar o pluguin no VSCode chamado "Prettier - Code Formatter".

Outros pluguins que recomendamos para evitar possíveis erros: TSLint, ESLint e JSHint.

4.3 ESCREVA CÓDIGO

Hora de colocar a mão na massa. A parte mais divertida, trabalhar no código-fonte. Depois de concluir e testar, envie sua PULL REQUEST para a branch DEVELOP e aguarde ser aprovado.

5 MISSÃO CUMPRIDA. VC AJUDOU O PROJETO. ❤️

Observações:

Verifique a versão do Node - Recomendamos Versão 10.x.x
Versões recentes tem apresentado instabilidades com pacotes presente no projeto.
Use o Angular 7+

Rodar o app pela primeira vez

npm install

npm start

# crie seu primeiro componente. Exemplo.
ng generate component book/list nomeDoComponente

Rodar o app pela primeira vez com Docker

Os comandos abaixo irão rodar o frontend em container docker com hot reload, ou seja, qualquer alteração feita no front será automaticamente atualizada.

# Criando imagem e rodando o container com Backend DEV
docker-compose up -d --build

# Criando imagem e rodando o container com Backend LOCAL
docker-compose -f docker-compose-local.yml up -d --build

# Rodando os testes unitários
docker-compose run --rm sharebook npm run test

# Parando o container
docker-compose stop

# Parando e eliminando o container
docker-compose down

Acessando o frontend no navegador

http://localhost:4200

API no ambiente de dev

http://dev.sharebook.com.br/swagger/

HTML Responsivo original - Bootstrap 4

http://www.devfrontend.com.br/models/sharebook-original/index.html

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].