React-Express Bootstraping Template (Frontend and Backend) for The Duck Creator in 2021. Including
TDC Main Color #10ceab
- React from Create-React-App
- Style Sheet and UI TailwindCSS as CSS and Chakra UI as UI Component Library
- Icon Fontawesone on React Fontawesone
- Meta Tag Manager with React Helmet
- Router with React-router
- Runtime with Express and REST API (inside folder
src/Server
) that you can written in ES6 Styles because we have babel transfrom runtime - Database with Mongoose to modify your database on MongoDB
- Utility with CORS, Body-parser
- Running Tools with Concurrently and Nodemon
- Utility with Lodash and Moment.js on both frontend and backend
- API Calling with SWR (stale-white-revalidate)
To Using it clone this repository and install our dependencies with
npm install
While you want to start project run this command
npm run dev
Project will run on Port 3000 and backend will run on Port 6000
it will run concurently backend and fontends. Edit our config file at src\config.json
and continues editing src/App.js
for frontend and src/Server/index.js
for backend
|- Src
|- Server
- Model
- ...
- ...
- Routes
- ...
- ...
- app.js
- index.js
- mainroute.js
|- Components
- ...
- ...
|- Containers
- ...
- ...
|- App.js
|- App.css
|- config.json
|- index.js
|- index.css
|- tailwind.css
|- main.css
|- tailwind.config.js
|- package.json
|- babel.config.json
|- .env.development
|- .env.production