๐ Hello, I'm Mohamed Zhioua. If you're looking to hire a dedicated, hardworking MERN stack developer, I would love to ๐๐จ๐ง๐ง๐๐๐ญ and discuss opportunities for ๐๐ซ๐๐๐ฅ๐๐ง๐๐ ๐ฐ๐จ๐ซ๐ค or ๐ซ๐๐ฆ๐จ๐ญ๐ ๐ฃ๐จ๐ opportunities ๐จโ๐ผ. Feel free to reach out to me via DM, and I look forward to connecting ๐ค with you.
๐ Connect with me:
- ๐ This is a simple Social App called ZiwiBook wich is a clone to the popular social media platform Facebook , built using the MERN stack.
- ๐ For those who may not be familiar with the MERN stack, it refers to a combination of technologies used in web development, including React (a JavaScript framework for building single-page applications), Node (used as a backend for websites), Express (a framework for Node), and MongoDB (a popular database).
- ๐ Official Site for MongoDB
- ๐ Official Site for Express.js
- ๐ Official Site for React.js
- ๐ Official Site for Node.js
- ๐ Redux Toolkit
- ๐ MongooseJS
- ๐ React Router v6 for routing
- ๐ Official Sitefor Cloudinary
- ๐ jsonwebtoken
- ๐ cookie-parser
- ๐ cors
- ๐ express-rate-limiter
- ๐ Light/dark mode toggle.
- ๐ Redux-Toolkit/RTK Query as an advanced data-fetching and client-side caching tool
- ๐ Skeleton loaders while pages are loading.
- ๐ Using validator (server side) & yup (client side) to validate the User inputs
- ๐ Strong authentication system, Register, login..
- ๐ there is a implimentation for the routes protection in the front-end by the jwt and of course force redirect when the User logged in
- ๐ there is a implimentation for routes protection in the backend attaching the user token to the cookies that will be attached to every request (and response) made between the client and server.
- ๐ Using multer and sharp and cloudinary as middlewares to handle uploading files
- ๐ the User has the ability to Creat/Update/Delete his own post .
- ๐ the User has the ability to like any of his posts or friends posts .
- ๐ the User has the ability to Creat/Update/Delete his own Comments/Replies.
- ๐ the User has the ability to like any of his own Comments/Replies or any other User Comments/replies.
- ๐ Friendship system with send, cancel ,accept friend requests.
- ๐ Friends page.
- ๐ Real time notifications.
- ๐ Search functionality by email and Name.
- ๐ Photo Gallery with old photos to change profile photo and cover.
- ๐ Profile details and bio.
- ๐ Fully responsive design with all devices using HTML/CSS mediaQuery/react-responsive
- Fork & Clone the repository
git clone https://github.com/mohamedzhioua/ZIWIBook.git
- Cd into the directories & Install the dependencies (server /client)
npm install
-
Create a
.env
file in the server side and store the following:-
cloudinary :
-
CLOUD_NAME= ${CLOUD_NAME}
-
API_KEY = ${API_KEY}
-
API_SECRET =${API_SECRET}
-
app name :
-
APP_NAME =${APP_NAME}
-
mongodb cluster :
-
DATABASE = ${MongoDB_cluster_url}
-
DATABASE_PASSWORD =${DATABASE_PASSWORD}
-
auth :
-
ACCESS_TOKEN_SECRET =${ACCESS_TOKEN_SECRET}
-
-
Start the (server /client)
npm run dev