🧙‍♂️ Resume Wizard AI-Powered SaaS Application

This is a React-based SaaS application that enables users to create, manage, and preview AI-powered Resumes. The application utilizes Vite, Tailwind CSS, Strapi, Clerk Authentication, and Gemini API for AI-powered text generation. 👩‍💻💻📃💼

Table of Contents

• Getting Started
• Features
• Technologies Used
• Screenshots
• Project Files Structure
• API Documentation
• Contributing
• License

Getting Started

1. Clone the repository:

git clone https://github.com/HamzaZaidiX/Resume-Wizard-AI-SAAS-App.git

2. Install dependencies:

cd resume-builder-ai
npm install

3. Create a .env.local file in the root directory and add the following Environment Variables then Connect with any backend database you're using :

VITE_STRAPI_API_KEY=your_strapi_api_key
VITE_GEMINI_API_KEY=your_gemini_api_key

4. Start the development server:

npm run dev
or
npm run start

Features

• User authentication using Clerk
• Create, Edit, View, Delete and Download Resumes
• Preview Resumes with AI-powered text Generation
• Save resumes to Strapi backend
• Populate resume data from User's profile

Technologies Used

• React: A JavaScript library for building user interfaces
• Vite: A fast build tool for modern web apps
• Tailwind CSS: A utility-first CSS framework
• Strapi: A headless CMS for managing content backend and APIs
• Clerk: A user authentication and management library
• Gemini API: An AI-powered text generation API

If you want to check Backend Strapi Files are in other repositories Click Here 👉

Screenshots

Project Files Structure

resume-builder-ai/
├── public/
│   ├── favicon.ico
│   └── index.html
├── src/
│   ├── components/
│   ├── dashboard/resume/[resumeid]/edit
|   ├── my-resume/[resumeid]/view
│   ├── service/GlobalApi
|   ├── home/index.jsx
│   ├── App.jsx
│   ├── index.jsx
│   └── main.jsx
├── .env.local
├── package.json
├── README.md
└── vite.config.js

API Documentation

• Strapi API: https://strapi.io/documentation/v4.x/api-reference/
• Clerk API: https://clerk.dev/docs/api
• Gemini API: https://www.gemini.com/api

Acknowledgments

• Strapi for providing a powerful headless CMS
• Clerk for seamless user authentication
• Gemini for AI-powered text generation
• Tailwind CSS for utility-first CSS framework
• Vite for fast build

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contributing

Contributions are welcome! If you find any bugs or have suggestions for improvements, please open an issue or submit a pull request.

Bye! 👋

HOPE U LIKE THIS PROJECT PLEASE! IF YOU ARE USING THIS CODE PLEASE GIVE HAMZA ZAIDI SOME CREDITS BY LIKE & GIVE A HEART!!! 😃👍💛