This is the frontend for Login and register user and upload and down load files, built with HTML, CSS, JavaScript, React, Tailwind CSS, and Axios.
This is file upload page in user succesfully login they will navigate this page user can upload any type of file and user can delete and download only his files
Before you begin, ensure you have met the following requirements:
- Node.js installed
- npm or yarn package manager
- Other dependencies specified in
package.json
Follow these steps to set up and run the project locally:
-
Clone the repository:
git clone <repository_url>
-
Install dependencies:
cd <project_directory> npm install
-
Configure environment variables:
Create a
.env
file in the root directory and provide the necessary variables, such as:REACT_APP_BASEURL=<your_backend_base_url>
-
Run the application:
npm start
The application will be running at
http://localhost:3000
or another specified port.
To log in, use the following steps:
- Navigate to the login page.
- Enter your registered email and password.
- Click the "Login" button. 4.File upload page
Required Fields for Login:
- username
- Password
To register a new account, use the following steps:
-
Navigate to the registration page.
-
Fill in the required fields:
- Username
- Password
-
Click the "Register" button.
Required Fields for Registration:
-
Username
-
Password
The project is deployed on Netlify. You can access the live version at Live Demo.
Briefly explain the structure of your project. Highlight key directories and files.
List the key features or functionalities provided by your frontend.
- HTML
- CSS
- JavaScript
- React
- Tailwind CSS
- Axios for API communication
- Nodejs,express and mongodb
- filesystem
- multer plugin
Explain the structure of your React components and other key folders.
Describe how you handle styling and theming in your project, especially if you use Tailwind CSS.
Explain how your frontend interacts with the backend API, including Axios configurations.
Specify guidelines for contributing to your project.
Specify the license under which your project is distributed.
Acknowledge any libraries, tools, or contributors that you want to credit.