sumansauravmay/Addan_digital_solution_profile

This is a full stack app for the user profile where user can register, login, see his profile, logout and delete his the profile.

Addan Digital Soulution Assignment

Video Link

https://drive.google.com/file/d/1MW7CJ1tigjoC9OrSJvDtChtMvtqr-nC4/view

1. Backend

Description:

This is an Express.js application with routes for user and profile management, connected to a database.

---

Features

• User routes
• Profile routes
• Database connection
• Environment configuration
• CORS support
• DOTENV
• JSON request parsing

Prerequisites

Make sure you have the following installed:

• Node.js
• npm (Node Package Manager)

Getting Started

1. Clone the repository:

   git clone https://github.com/sumansauravmay/Addan_digital_solution_profile.git
   

2. Navigate to the project directory:

   cd Backend

3. Install the dependencies:

   npm install

4. Create a .env file in the root of the project and add the following variables:

   PORT=3000
   mongoURL=your-database-connection-string

Usage

1. Start the server:

   npm start

2. Project Structure

.
├── config
│   └── db.js 
├── models
|     └── user.model.js 
├── middlewares
|     └── user.middlewares.js  
│                      
├── routes
│   ├── user.route.js  
│   └── profile.route.js 
├── .env              
├── .gitignore         
├── package.json       
└── index.js.js          

3. Dependencies

  Express
  mongoose
  nodemon
  jsonwebtoken
  bcrypt
  dotenv
  cors

Contributing

1. Fork the repository
2. Create a new branch (git checkout -b feature-branch)
3. Commit your changes (git commit -am 'Add some feature')
4. Push to the branch (git push origin feature-branch)
5. Create a new Pull Request

Backend Deployement

https://addan-digital-solution-profile-1.onrender.com

This README file gives a clear overview of your project, including how to set it up, run it, and contribute to it.

2. Frontend

Netlify Link

https://ornate-cat-4c0005.netlify.app/

Welcome to the frontend project of the userprofile application. This project is hosted on Netlify and can be accessed here.

Description:

This project is the frontend component of the userprofile application. It provides a user-friendly interface for interacting with the application. The application is designed to be responsive, intuitive, and visually appealing.

Features

Responsive Design: The application is fully responsive and works seamlessly on all devices. User Authentication: Secure user authentication and authorization. Interactive UI: Smooth and interactive user interface. API Integration: Connects to backend services to fetch and display data.

Technologies Used

• HTML5: For structuring the web content.
• CSS3: For styling the web content.
• JavaScript: For adding interactivity to the web content.
• React: JavaScript library for building user interfaces.
• Netlify: Hosting platform for deploying the frontend.

Installation

To run this project locally, follow these steps:

1. Clone the repository:

https://github.com/sumansauravmay/Addan_digital_solution_profile.git

2. Navigate to the project directory:

cd userprofile

3. Install the dependencies:

npm install

4. Start the development server:

npm start

Usage

To use the application:

    Open your web browser.
    Navigate to https://ornate-cat-4c0005.netlify.app/.
    Interact with the various features of the application.

Contributing

Contributions are welcome! To contribute to this project, follow these steps:

1. Fork the repository
2. Create a new branch (git branch branchName)
3. Go to your branch (git checkout branchName)
4. Make the changes Push in the github
5. git add .
6. Commit your changes (git commit -m 'Add some feature')
7. Push to the branch (git push origin feature-branch)
8. Create a new Pull Request

Frontend Deployement

https://zippy-capybara-90a739.netlify.app/

Contact

If you have any questions or suggestions, feel free to reach out:

Email: sumansauravmay@example.com
GitHub: https://github.com/sumansauravmay