Auth-React-Express

README available in:

A minimal React project with an authentification/authorisation implementation from scratch and a server side made with Express.

---

---

Paused for now ...

---

---

TABLE OF CONTENT

🌱  About the project | 👨‍💻  Tech stack | 📖  Usage | 🎯  Features | ⚠️  Limitations | 🤝  Contributions | 📘  License | ❤️  Acknowledgments | 👀  What else ?

🌱  About the project

For a more complex project, I need to implement authentification/authorisation. Therefore, I decided to do it in its own project and from scratch ( as much as possible ) so that I can understand all the concepts.

👨‍💻  Tech stack

• MongoDB / Mongoose
• Express
• React
• Typescript

📖  Usage

🚀  Getting started

There is a folder named server which concerns the backend using Express. The folder named client is the frontend implemented in React.

Each folder has a package.json file however a global package.json can be found at the root to start the application.

Here are some available scripts:

• npm start: run the app in the development mode. Open http://localhost:3000 to view it in your browser.
• npm test: lauch whatever test runner that has been used.
• npm run build: builds the app for production.

⚙️  Requirements

• Zustand is used for the global state managment ( so easier than redux ).
• Chakra UI is an amazing component library to build beautiful React apps.
• Mongoose, the documentation is so good.

👀  Examples

In preparation.

🎯  Features

• [ ]
• [ ]
• [ ]
• • [x]
  • [x]

⚠️  Limitations

npm run build

I need to check if the build can be minified and the filenames include the hashes.

🤝  Contributions

Thanks in advance for anyone who will contribute to expanding this template!

😱 Found a bug? Missing a specific feature?

If you have any suggestion, please proceed by forking this repo and creating a pull request or opening an issue with the tag enhancement.

🤩 Don't forget to give the project a star! Thanks again!

📘  License

This project is released under the terms of the MIT License.

❤️  Acknowledgments

🏆 Here are the nominees, with no particular order, in the category for best resources used for this project:

front end

• How to create forms with Chakra UI in React apps: very detailed article

• Add a Color Mode to a Chakra-based app

• Use of HTTP cookie in React

• usehooks, a useful website of handful react hooks

---

back end

• Express with example

• Example of authentification with Mongo and Express

• Mongoose's style Guide

• Use of HTTP cookie in Express

• Clean code for Express app

• Usage of Mongooose and Typescript 1

• Usage of Mongooose and Typescript 2

• Usage of Mongooose and Typescript 3

---

other

• Usage of jsconfig.json

• Nested value in object

👀  What else ?

Thanks again for reading this README !!!