https://full-st-blog.netlify.app
This full-stack React application provides a platform where users can register, log in, and manage articles. The key features of the application include:
- User registration and authentication (login/logout)
- Adding new articles with descriptions and images
- Editing and deleting existing articles
The front-end of the application is built using the following major libraries and frameworks:
- React: A JavaScript library for building user interfaces.
- React Redux: Manages the state of the application.
- React Hook Form: Handles form validation and management.
- Axios: Handles HTTP requests.
- @emotion/react and @emotion/styled: CSS-in-JS library for styling components.
- @mui/material and @mui/icons-material: Provides Material-UI components and icons.
- Easymde and React SimpleMDE Editor: Markdown editor.
- Sass: CSS preprocessor for styling.
- Prettier: Code formatter.
The back-end of the application is implemented using the following libraries and frameworks:
- Express: A web framework for Node.js.
- Mongoose: An ODM (Object Data Modeling) library for MongoDB.
- jsonwebtoken: For JSON web token authentication.
- bcrypt: For hashing passwords.
- Multer: Middleware for handling multipart/form-data, primarily used for uploading files.
- cors: Middleware to enable Cross-Origin Resource Sharing.
- dotenv: Loads environment variables from a
.env
file. - express-validator: Middleware for validating and sanitizing user input.
- nodemon: Utility that automatically restarts the server when file changes are detected.
- The front-end of the application is deployed on Netlify and can be accessed here.
- The back-end is deployed on Render.