Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/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.
https://github.com/sumansauravmay/addan_digital_solution_profile
axio bcrypt chakra-ui cors css env expressjs html javasc jsonwebtoken mongodb-atlas mongoose nodejs nodemon react-hooks react-router-dom reactjs
Last synced: about 1 month ago
JSON representation
This is a full stack app for the user profile where user can register, login, see his profile, logout and delete his the profile.
- Host: GitHub
- URL: https://github.com/sumansauravmay/addan_digital_solution_profile
- Owner: sumansauravmay
- Created: 2024-06-21T14:05:21.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-06-24T13:58:38.000Z (6 months ago)
- Last Synced: 2024-06-25T07:09:22.571Z (6 months ago)
- Topics: axio, bcrypt, chakra-ui, cors, css, env, expressjs, html, javasc, jsonwebtoken, mongodb-atlas, mongoose, nodejs, nodemon, react-hooks, react-router-dom, reactjs
- Language: JavaScript
- Homepage: https://ornate-cat-4c0005.netlify.app/
- Size: 74.2 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Addan Digital Soulution Assignment
### Video Link
[https://drive.google.com/file/d/1MW7CJ1tigjoC9OrSJvDtChtMvtqr-nC4/view](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:**
```bash
git clone https://github.com/sumansauravmay/Addan_digital_solution_profile.git
```
2. Navigate to the project directory:
```bash
cd Backend
```
3. Install the dependencies:
```bash
npm install
```
4. Create a `.env` file in the root of the project and add the following variables:
```bash
PORT=3000
mongoURL=your-database-connection-string
```
### Usage
1. Start the server:
```bash
npm start
```
2. Project Structure
```bash
.
├── 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
```bash
Express
mongoose
nodemon
jsonwebtoken
bcrypt
dotenv
cors
```
### Contributing
```base
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
```bash
https://addan-digital-solution-profile-1.onrender.com
```
````base
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/](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:
````base
https://github.com/sumansauravmay/Addan_digital_solution_profile.git
````
2. Navigate to the project directory:
````base
cd userprofile
````
3. Install the dependencies:
````base
npm install
````
4. Start the development server:
````base
npm start
````
### Usage
To use the application:
````base
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 .
3. Commit your changes (git commit -m 'Add some feature')
4. Push to the branch (git push origin feature-branch)
5. Create a new Pull Request
## Frontend Deployement
```bash
https://zippy-capybara-90a739.netlify.app/
```
### Contact
If you have any questions or suggestions, feel free to reach out:
Email: [email protected]
GitHub: https://github.com/sumansauravmay