Welcome to Web-Dev-Stories, a dynamic and engaging blog web app built with the MERN stack, TypeScript, and Tailwind CSS. This project aims to provide a platform for developers to share their web development experiences, insights, and knowledge. Whether you're a seasoned coder or just starting your journey, Web-Dev-Stories is the place to connect, learn, and inspire.
- MongoDB: A NoSQL database for storing blog data.
- Express.js: A web application framework for building robust APIs.
- React: A JavaScript library for building user interfaces.
- Node.js: A runtime for executing server-side JavaScript.
- TypeScript: Adds static typing for improved code quality.
- Tailwind CSS: A utility-first CSS framework for a sleek and responsive design.
-
User Authentication: Create a personalized profile to manage your posts and engage with the community.
-
Rich Text Editor: Craft your stories with a powerful and user-friendly rich text editor.
-
Comments and Interactivity: Foster community engagement with built-in comments on each post.
-
Search and Filters: Easily discover relevant posts with robust search and filtering options.
-
Responsive Design: Enjoy a seamless user experience across various devices.
-
Clone the Repository:
git clone https://github.com/your-username/web-dev-stories.git
-
**Install Frontend Dependencies: **
cd web-dev-stories/client npm install -
Install Backend Dependencies:
cd web-dev-stories/server npm install -
Run the Express API:
cd web-dev-stories/server npm run dev -
Run the React App:
cd web-dev-stories/client npm run dev -
Visit http://localhost:5173 in your browser.
Thank you for choosing Web-Dev-Stories! Happy coding! 🚀🌐