Article App [ A MERN Blog Application]

Description

The Article App allows users to publish their favorite articles. It aims to provide a platform for sharing articles and engaging with a community of readers.

Repo Details

• This repository is consisting only frontend part and it is deployed on vercel Live Link.
• For backend part View Github Repo.

Table of Contents

1. Technologies Used
2. Installation
3. Features
4. Folder Structure
5. License
6. Acknowledgments

Technologies Used

Frontend

• Vite
• Npm
• HTML
• CSS
• Tailwind
• React.js
• Javascript

Backned View Github Repo

• MongoDB
• Node.js
• Express.js
• Javascript
• Npm

Installation

Frontend

1. Clone the repository.
2. Navigate to the frontend folder and run npm install to install frontend dependencies.
3. Run npm run dev in the frontend folder to start the frontend application.

Backend View Github Repo

1. Clone the repository.
2. Navigate to the backend folder and run npm install to install backend dependencies.
3. Set up the Environmet Variables
4. Set up MongoDB and configure the database connection.
5. Run server.js in the backend folder to start the backend server.

Features

• User authentication (sign up, log in)
• Article publishing
• Article browsing

Folder Structure

Frontend

|-- src
    |-- assets 
    |-- components
    |-- constant 
    |-- context 
    |-- pages
        |-- AddBlog.jsx 
        |-- Home.jsx 
        |-- Login.jsx 
        |-- Profile.jsx 
        |-- Register.jsx 
    |-- App.jsx 
    |-- index.css 
    |-- main.jsx 
|-- index.html
|-- package.json
|-- package-lock.json

Backnend View Github Repo

|-- controllers
|-- middleware 
|-- models 
|-- routes 
|-- utils
|-- server.js
|-- package.json
|-- package-lock.json

License

This project is licensed under the MIT License.

Acknowledgments

Resources Used

• Tailwind Best Practices
• Frontend Inspiration
• Backned Help

Thanks to Contributor

• Anurag Affection