Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/canwebe/devgenie

Stand out from the crowd effortlessly. Our AI-driven platform helps you create compelling profiles, project descriptions, and experiences that showcase your skills and expertise.
https://github.com/canwebe/devgenie

ai app cohere firebase nextjs tailwindcss typescript

Last synced: 12 days ago
JSON representation

Stand out from the crowd effortlessly. Our AI-driven platform helps you create compelling profiles, project descriptions, and experiences that showcase your skills and expertise.

Awesome Lists containing this project

README 

        
# DevGenie - Craft a Standout Profile with AI Assistance



## Table of Contents



- [Description](#description)

- [Technical Stack](#technical-stack)

- [Features](#features)

- [Getting Started](#getting-started)

- [Contributing](#contributing)

- [License](#license)



## Description



**DevGenie** is an AI-driven platform that helps you create compelling profiles, project descriptions, and experiences to showcase your skills and expertise. With DevGenie, you can effortlessly stand out from the crowd and leave a lasting impression on potential employers, clients, or collaborators.



## Technical Stack



DevGenie is built using modern technologies and frameworks, combining the power of serverless backends, AI models, and user-friendly UI components. The technical stack includes:



1. **Next.js**: ![Next.js](https://img.shields.io/badge/-Next.js-007ACC?style=flat-square&logo=next.js&logoColor=white)

   A powerful React framework for building fast and scalable web applications.



2. **Next.js 13 API routes**: ![Next.js API Routes](https://img.shields.io/badge/-Next.js%2013%20API%20Routes-007ACC?style=flat-square&logo=next.js&logoColor=white)

   Utilizing Next.js API routes to create serverless backends, enabling seamless data handling and interactions.



3. **Vercel EDGE functions**: ![Vercel EDGE](https://img.shields.io/badge/-Vercel%20EDGE%20functions-000000?style=flat-square&logo=vercel&logoColor=white)

   Leveraging Vercel's EDGE functions to deploy serverless code that runs close to the user, ensuring low latency and high performance.



4. **Vercel AI SDK for streaming response**: ![Vercel AI SDK](https://img.shields.io/badge/-Vercel%20AI%20SDK-000000?style=flat-square&logo=vercel&logoColor=white)

   Using Vercel's AI SDK for handling streaming responses, providing real-time updates to users.



5. **Cohere**: ![Cohere](https://img.shields.io/badge/-Cohere-6D28D9?style=flat-square&logo=cohere&logoColor=white)

   An AI-powered text generation platform, integrated to create AI-driven content for profiles and projects.



6. **Shadecn/ui**: ![Shadecn UI](https://img.shields.io/badge/-Shadecn%2Fui-34D399?style=flat-square&logo=react&logoColor=white)

   A collection of beautiful and customizable UI components for enhancing the user experience.



7. **Tailwind CSS**: ![Tailwind CSS](https://img.shields.io/badge/-Tailwind%20CSS-38B2AC?style=flat-square&logo=tailwind-css&logoColor=white)

   A utility-first CSS framework for rapidly building custom user interfaces.



8. **TypeScript**: ![TypeScript](https://img.shields.io/badge/-TypeScript-3178C6?style=flat-square&logo=typescript&logoColor=white)

   A typed superset of JavaScript, offering enhanced code quality and developer productivity.



9. **Sonner**: ![Sonner](https://img.shields.io/badge/-Sonner-4B5563?style=flat-square&logo=react&logoColor=white)

   A user-friendly toast notification library for providing non-intrusive feedback to users.



10. **React Hook Form**: ![React Hook Form](https://img.shields.io/badge/-React%20Hook%20Form-61DAFB?style=flat-square&logo=react&logoColor=white)

    A flexible and efficient form validation library for handling user input.



11. **Zod**: ![Zod](https://img.shields.io/badge/-Zod-4950A0?style=flat-square&logo=zod&logoColor=white)

    A powerful schema validation library for defining and enforcing form data rules.



12. **Firebase Authentication**: ![Firebase Authentication](https://img.shields.io/badge/-Firebase%20Authentication-FFCA28?style=flat-square&logo=firebase&logoColor=black)

    Integrating Firebase for user authentication, ensuring secure and authenticated access.



13. **Firestore**: ![Firestore](https://img.shields.io/badge/-Firestore-FFCA28?style=flat-square&logo=firebase&logoColor=black)

    A NoSQL database provided by Firebase for efficient and scalable data storage.



14. **Upstash**: ![Upstash](https://img.shields.io/badge/-Upstash-DC382D?style=flat-square&logo=redis&logoColor=white)

    A Redis-based rate limiter for controlling user request rates, preventing abuse and ensuring server stability.



## Features



- AI-powered profile and project description generation.

- User-friendly and intuitive UI using Shadecn UI components.

- Real-time streaming responses for quick and dynamic content updates.

- Secure user authentication and data storage with Firebase.

- Efficient form validation and data integrity with React Hook Form and Zod.

- Rate limiting with Upstash to manage user request rates.



## Getting Started



To get started with DevGenie, follow these steps:



1. Clone the repository: `git clone https://github.com/your-username/devgenie.git`



2. Install dependencies: `pnpm install`



3. Set up Firebase and Cohere API keys.



4. Configure your Firebase and Cohere API credentials in the appropriate files.



5. Start the development server: `pnpm run dev`



6. Visit `http://localhost:3000` in your browser to access DevGenie.



## Contributing



Contributions are welcome! If you find any issues or have ideas to improve DevGenie, please feel free to open an issue or submit a pull request. For major changes, please open an issue to discuss your ideas before implementation.



## License



DevGenie is open-source software licensed under the [MIT License](LICENSE). Feel free to use, modify, and distribute it as per the terms of the license.



---



Developed with ❤️ by [CanWeBe!](https://canwebe.in)

and Contributers [Raju Khatri](https://github.com/Kiyoponn),

[Golam Rabbani](https://github.com/devRabbani)