Aplicação fullstack utilizando MongoDB, NodeJs, React e Redux
Backend features
O banco de dados Mongo foi hospedado no MLab por conveniência.Foi implementado gravatar para foto de perfil, se o email do usuário tiver um avatarno wordpress ela automaticamente é salva no banco.Rotas sensíveis foram protegidas por meio de JWT em conjunto com passport.
Usando
- Nodejs
- Express
- Nodemon - Para restartar o server sempre que houver uma alteração
- Passport - Para proteger rotas privadas
- Jwt - Para proteger rotas privadas
- Bcrypt - Para Cryptografar as senhas de usuários antes de salvar no banco
- MongoDB
- Mongoose
Frontend features
Foi usado React em conjunto com Redux e React-router para construir a SPA.Rotas protegidas redirecionam para a home e só são acessíveis por meio de auth.Localstorage foi utilizado para persistir o state de usuário no recarregamento das páginas.
Usando
- React
- Redux - Para gerenciar o state da aplicação
- asyncRoutes - As rotas carregam em chunks, dessa forma evita da aplicação ficar pesada num primeiro carregamento
- Axios - Para fazer as requisições HTTP
- Local storage nativo - Para persistir o state e o auth nas rotas privadas
- MaterialUI components
Como iniciar a aplicação
Requerimentos
- Node.js
- NPM
Instalando os pacotes
Execute o comando abaixo para instalar as dependências:
npm install
Iniciando o servidor
Execute o comando abaixo para iniciar o Nodejs e conectar ao banco de dados MongoDB:
npm run server
Aguarde a execução e a API estará rodando na Url http://localhost:8001/api/
Os endpoints disponíveis são:
- Post - Login more
- Post - Register more
- Put - Update Profile more
- Del - Delete Account more
- Get - List Users more
A documentação completa pode ser encontrada no Postman
Deixe o servidor rodando em um terminal, abra outro e siga para o próximo passo:
Iniciando a SPA React
Para isso basta executar o comando abaixo, e pronto! :D
npm start
A aplicação irá iniciar automaticamente no browser na Url http://localhost:3000
Copyright and license
The MIT License (MIT). Please see License File for more information.
A little project by Jefferson Ribeiro
-
React & Redux & React-Router & Nodejs 实战 crud 项目（18 个视频） React & Redux & React-Router & Node.js 实战 crud 项目 #1 项目搭建「06:22」 React & Redux & React-Router & Node.js 实战 crud 项目 #2 Semantic Ui 和 React-Route
-
轻松学 nodejs - 基础篇 轻松学 Node.js - 基础篇 #1 课程介绍与开发环境搭建 轻松学 Node.js - 基础篇 #2 全局对象 轻松学 Node.js - 基础篇 #3 回调函数 轻松学 Node.js - 基础篇 #4 模块 轻松学 Node.js - 基础篇 #5 事件 轻松学 Node.js - 基础篇 #6 读写文件（同步，异步） 轻松学 Node.js - 基础篇
-
原文发表于：https://www.rails365.net/articles/hou-duan-127-shi-pin-fen-xiang-nodejs-react-redux 目前为止视频统计： 轻松学 nodejs - 基础篇 轻松学 Node.js - 基础篇 #1 课程介绍与开发环境搭建 轻松学 Node.js - 基础篇 #2 全局对象 轻松学 Node.js - 基础篇 #3 回调函
-
前言 前几个月学完React官方文档教程后准备写一个博客项目来实践学习成果，写完时总觉得博客项目太简单又烂大街，决定把原来的博客项目改造升级成类知乎文章方面功能的项目。 项目详细架构和源码地址：github.com/manyuewuxin… 实现功能 [x] 登录注册 [x] 创建文章 [x] 关注标签 [x] 文章过滤 [x] 文章排序 [x] 文章搜索 [x] 用户设置 [x] 用户消息 [x
-
使用React、Node.js、MongoDB、Socket.IO开发一个角色投票应用 转载于:https://www.cnblogs.com/weixing/p/5742457.html
-
1.关于新增 /* 新增一条数据 */ var express = require("express"); var mongodb = require("mongodb"); var app = express(); var MongoClient = mongodb.MongoClient; app.get("/",function(req,res){ //如果下面地址不存在，
-
<pre name="code" class="sql">> post={"name":"tom","sex":"male","birthday":new Date()} { "name" : "tom", "sex" : "male", "birthday" : ISODate("2016-10-11T09:30:26.429Z") } > db.
-
Nodejs Expressjs MongoDB Ready-to-use API Project Structure A ready-to-use boilerplate for REST API Development with Node.js, Express, and MongoDB Getting started This is a basic API skeleton written
-
graphql-apollo-nodejs-mongodb-angular5 A simple Apollo + GraphQL + NodeJs + Express + MongoDB + Angular5 CRUD This repository shows a complete example of a CRUD application based on NodeJs, Angular 5
-
问题内容： 我想对MongoDB驱动程序作出承诺。我写了以下代码： 您是否知道为什么在调用该方法时为什么没有输出： 问题答案： 手动散布API是很危险的，我建议采取以下措施： 有了Bluebird的承诺，它看起来就像：
-
问题内容： 我有一些代码可以从集合中提取所有文档并将其放到网页上。简化版本如下所示： 我有一个driveInfo集合，其中包含很长的文档列表。每个文档包含嵌套的对象。我想做的是，每当有人在其浏览器中访问/ drive时，将整个集合打印为json对象，以便以后可以用jquery抓取所有内容（api的开头） 但是，我收到一条错误消息：“ TypeError：将圆形结构转换为JSON”。页面上的错误指向
-
本文向大家介绍nodejs中使用monk访问mongodb，包括了nodejs中使用monk访问mongodb的使用技巧和注意事项，需要的朋友参考一下 安装mongodb 我觉得还是用mannual install靠谱一点儿：http://docs.mongodb.org/manual/tutorial/install-mongodb-on-os-x/ 启动mongodb 连接mogodb 在no
-
在nodeJS应用程序中，我希望通过其UNIX套接字。我用这个包裹https://mongodb.github.io/node-mongodb-native/?jmp=docs（版本3.1.6），通过这种方式： 此处的文档中引用了URI：https://docs.mongodb.com/manual/reference/connection-string/#unix-域套接字。但在我的例子中，它失