Certificate-Generator Web-App

Certificate-Generator is a web application to generate certificates. It provides a seamless user experience with features such as user authentication, certificate request management, and storage.

Features

• User Authentication: Users can sign in using their email and password.
• Certificate Request: Users can request certificates, available on site as per their choice.
• Admin Panel: Special users with admin roles can access the admin-panel to add new certificate templates, view certificate requests from other users and approve them.
• Certificate Customize and Preview: An admin edits the Certificate description, and downloads it in pdf format for preview after customizing.

Tech Stacks

Web-App working demo video

Certificate.Generator.-.Made.with.Clipchamp.1.mp4

UI of the Web-App

Getting Started

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/arghyadutta080/Certificate-Generator.git
   cd certificate-generator

2. Open the Certifcate-generator directory in your Code-Editor (In my case it's VS-Code)

3. Open the terminal in your Code-Editor and split it into two terminals

4. In the first terminal move to the server directory:

   cd server

5. Install dependencies:

   npm install

6. Create a .env file at the root of the server directory with the following content:

   PORT=5001
   MONGODB_URL=<your-mongodb-url>
   JWT_SECRET=7bVNPzUERvtDx5C

7. Run the server:

   npm run start

8. In the second terminal move to the client directory:

   cd client

9. Install dependencies:

   npm install

10. Create a new Firebase Project with Firebase Console and collect Project Configuration.

11. Create a .env file at the root of client directory with the following content:

    VITE_API_KEY=<your-api-key>
    VITE_AUTH_DOMAIN=<your-auth-domain>
    VITE_PROJECT_ID=y<our-project-id>
    VITE_STORAGE_BUCKET=<your-storage-bucket>
    VITE_MESSAGING_SENDER_ID=<your-messaging-sender-id>
    VITE_APP_ID=<your-app-id>
    VITE_MEASUREMENT_ID=<your-measurement-id>
    
    VITE_SERVER_API=http://localhost:5001
    
    VITE_CLOUDINARY_CLOUD_NAME=<your-cloud-name>
    VITE_CLOUDINARY_UPLOAD_PRESET=<your-upload-preset>
    VITE_CLOUDINARY_API=<your-cloudinary-api>

12. Run the client:

    npm run dev

13. Now, You will be redirected to localhost:5173

Contributing

Contributions to the project are welcome! To contribute, fork the repository and create a new branch for your changes. Once you have made your changes, create a pull request to merge your branch into the main repository.