Giter Club home page Giter Club logo

dawitlior / social-media-1 Goto Github PK

View Code? Open in Web Editor NEW
7.0 1.0 1.0 9.47 MB

This social media application is designed to let users connect with each other online. The front-end part of the application uses some advanced tools to help make the app look and feel great, while the back-end part of the app uses different technologies to make sure the app is secure and fast.

Home Page: https://lior-social-media.netlify.app

JavaScript 97.06% HTML 2.65% CSS 0.29%
bcrypt formik-yup material-ui multer-storage-gridfs react-dropzone redux-toolkit

social-media-1's Introduction

S-M-SERVER

So a little about the application,

This social media application is designed to let users connect with each other online. The front-end part of the application uses some advanced tools to help make the app look and feel great, while the back-end part of the app uses different technologies to make sure the app is secure and fast. Overall, the app is designed to be easy to use for anyone who wants to join the community and share their thoughts and experiences with others.

let's talk about the front-end technologies iv'e used:

  • redux-persist is a library for persisting Redux state in the browser's local storage. This allows the application to maintain its state even if the user refreshes the page or closes the browser.

  • redux-toolkit is a library for managing state in a more efficient and streamlined way than traditional Redux. It includes pre-built reducers, actions, and middleware to help you write less code and be more productive.

  • MUI (also known as Material-UI)- is a popular React UI framework that provides a set of customizable and reusable UI components based on Google's Material Design guidelines.

  • react-dropzone is a React library for handling file uploads. It provides a drag-and-drop interface for selecting and uploading files.

  • formik- is a library for handling form input in React. It provides a simple API for creating forms with validation and error handling.

  • yup- is a validation library that works seamlessly with formik. It allows you to define validation schemas for your forms and handles validation errors automatically.

  • React 18.2.0 - is a version of the React library that introduced new features and improvements such as useDeferredValue and useTransition, allowing for better performance and smoother user experiences.

let's talk about the back-end technologies iv'e used

  • bcrypt is a library for hashing and salting passwords. It helps to protect user passwords from being stolen or hacked.

  • dotenv- is a library for loading environment variables from a .env file. This allows you to keep sensitive information like database passwords and API keys out of your code repository.

  • gridfs-stream is a library for storing large files in MongoDB. It allows you to upload and download files that are too large to be stored as a single document.

  • multer- is a library for handling file uploads in Node.js. It provides middleware for handling multipart/form-data, which is the format used for file uploads.

  • multer-gridfs-storage is a library that builds on top of gridfs-stream and multer. It allows you to store uploaded files locally and interact with them using a simple API.

  • Helmet- is a middleware for securing Express apps by setting various HTTP headers. It helps to protect against common web vulnerabilities like cross-site scripting (XSS) and clickjacking.

  • morgan- is a logging middleware for Express. It logs HTTP requests and responses to the console, making it easier to debug issues in your app.

  • jsonwebtoken- is a library for creating and verifying JSON Web Tokens (JWTs). JWTs are used for authentication and authorization in web applications.

  • mongoose- is a library for interacting with MongoDB from Node.js. It provides a simple API for defining schemas and models, and handles tasks like connecting to the database and performing CRUD operations.

2023-03-21 (2)

2023-03-21 (10)

2023-03-21 (11)

social-media-1's People

Contributors

dawitlior avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  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.