/profile-builder-n-editor

Allows users to create and edit their profiles with fields like for personal information, skills, experiences, education, and any other relevant details.

Primary LanguageTypeScript

Profile Builder 🚀

Profile Builder is a versatile text editor-based profile builder designed to streamline the process of creating and updating your personal or professional profile. Inspired by the intuitive interface of Notion, Profile Builder offers a seamless experience where each section of your profile can be easily edited and saved.

Profile Builder Demo

Features ✨

  • Text Editor Interface: Enjoy a user-friendly text editor interface for effortless profile customization.
  • Save Functionality: Save your changes hassle-free with the save feature, ensuring that your profile is always up to date.
  • Section-Based Editing: Easily navigate and edit different sections of your profile, including personal information, projects, socials, and more.
  • Integration with Lexical Framework: Profile Builder leverages the power of Lexical, an extensible text editor framework, to provide a robust editing experience.
  • Dark Theme (YTD): Choose between light and dark themes for a comfortable editing experience, with a focus on reducing eye strain during extended use.
  • GitHub API Integration: Fetch essential details for sections such as personal information, projects, and socials directly from GitHub APIs, simplifying the process of updating your profile.

Progress Logs 🕒

Stay updated with the latest progress and timeline of Profile Builder development through the brain logs:

  • Finalized Design: 1:40 AM (February 8, 2024)
  • Figured out the gist of Lexical to Start With: 3:05 AM (February 8, 2024)
  • Completed the Dynamic sized stcky sidebar and Page layout: 6:15 AM (February 8, 2024)

References 🔗

Tech Stack 🛠️

  • Next.js: A React framework for building server-side rendered and static web applications.
  • Tailwind CSS: A utility-first CSS framework for creating responsive and customizable designs.
  • Lexical: An extensible text editor framework that powers the core editing features of Profile Builder.

Getting Started 🚀

To get started with Profile Builder, follow these steps:

  1. Clone the repository:
  git clone https://github.com/your-username/profile-builder.git
  1. Install dependencies:
cd profile-builder
npm install
  1. Run the development server:
 npm run dev
  1. Open http://localhost:3000 in your browser to start building your profile!

Contributing 🤝

Contributions are welcome! If you have any ideas, suggestions, or bug fixes, feel free to open an issue or submit a pull request.

License 📝

This project is licensed under the MIT License.

Profile Builder is developed and maintained by Vineeth Pawar. If you find it useful, consider starring the repository to show your support! 🌟