Giter Club home page Giter Club logo

full-stack-app's Introduction

Full-Stack React Application Overview

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

Front-End Technologies

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.

Back-End Technologies

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.

Deployment

  • The front-end of the application is deployed on Netlify and can be accessed here.
  • The back-end is deployed on Render.

full-stack-app's People

Contributors

yurii108 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.