Feel free to give it a start 🌟
- Fully Responsive
- Dark-light mode
- Stunning design
- User Auth ( Email / Google )
- Email Verification
- Create / Edit / delete post
- Like / Unlike Post
- BookMark / Unbookmark Post
- Profile page ( user posts / user bookmarks )
- Profile setting ( changing Image / Name )
- Feedback section
- Delete user
- Pagination
- Breadcrumb navigation
Take a look at the live project deployed on Netlify
** ------------------------------------- DESKTOP -------------------------------------**
** -------------------------------------- Mobile ------------------------------------**
Title: 🛍️ Introducing our MERN App, where productivity meets innovation! BookShare is a MERN (MongoDB, Express.js, React, Node.js) TypeScript application designed to provide users with a seamless platform for sharing and discovering posts related to books. The application is crafted with a focus on a clean and minimalistic design, complemented by a range of features to enhance the overall user experience.
-
Authentication : Users can sign up and log in using either their email or Google authentication. Email authentication includes a verification step, requiring users to confirm their email address through a registration code sent to their inbox.
-
User Interaction : Users can explore and engage with posts created by others. Features include the ability to like and bookmark posts. Users can create new posts and manage their own posts by editing or deleting them.
-
Profile Management : Each user has a dedicated profile page, showcasing their posts and bookmarked content. Profile settings enable users to view and update personal information, including their name and profile image.
-
Server-Side Pagination : The application employs server-side pagination, fetching 10 posts per request to optimize performance.
-
Feedback Section : A dedicated section allows users to provide feedback or read comments from others.
-
Dark and Light Mode : BookShare caters to user preferences by offering both dark and light mode options for a personalized visual experience.
Registration and Authentication : Users can sign up using either their email or Google authentication. Email-authenticated users must verify their email address through a registration code.
Exploring and Interacting with Posts : Users can browse and interact with posts, liking and bookmarking their favorites. Server-side pagination ensures a smooth browsing experience.
Profile Management : Visit the profile page to view your own posts and bookmarked content. Access profile settings to update personal information.
Feedback Section : Share your thoughts or read feedback from others in the dedicated feedback section.
Dark and Light Mode : Choose between dark and light modes for a personalized visual experience.
Provided step-by-step instructions on how to install and run this project locally.
# Clone the repository
git clone https://github.com/Sky-De/typescript_mern_app
# Change directory
cd client
cd server
# Add .env variables
check .env.example
# Install dependencies
npm install
# Run the project
npm run start
skyDe