DEV Community

Cover image for Genesis: Transform yourself. The ultimate productivity tool.
Sai Shravan Vadla
Sai Shravan Vadla

Posted on

Genesis: Transform yourself. The ultimate productivity tool.

This is a submission for the GitHub Copilot Challenge : New Beginnings

What I Built

I've built Genesis, a productivity tool that empowers users to streamline their workflow by centralizing goal setting, to-do management, habit tracking, and journaling. Genesis provides a comprehensive solution to boost your personal productivity and help you achieve your aspirations.

Demo

Genesis

Goals page

Todos page in dark mode

Habits page in tablet resolution

Journals page in phone resolution

Create new habit form

Repo

GitHub logo shravzzv / Genesis-client

Genesis: A productivity app to help you manage your goals, todos, habits, and journals effectively. Stay organized, track your progress, and achieve your personal and professional milestones with ease.

Genesis client

Project demo

Description

Genesis client is a web application designed to provide users with an intuitive interface for managing their goals, todos, habits and journals. It is built to enhance productivity and streamline workflow management.

Features

  • User-friendly interface for task management.
  • Create, update, delete and view goals, todos, habits and journals.
  • Automatic light and dark themes.

Technologies Used

My Skills

Installation

To install the project, follow these steps:

git clone https://github.com/shravzzv/Genesis-client
cd Genesis-client
npm install
Enter fullscreen mode Exit fullscreen mode

Usage

To start the development server, run:

npm start
Enter fullscreen mode Exit fullscreen mode

Open your browser and navigate to http://localhost:5173 to view the application.

How to Contribute

If you'd like to contribute, follow these steps:

  1. Fork the repository on GitHub.

  2. Clone your fork locally.

    git clone https://github.com/shravzzv/Genesis-client
    cd Genesis-client
    Enter fullscreen mode Exit fullscreen mode
  3. Create a new branch for your feature or bug fix.

    git checkout -b feature-or-bug-fix-name
    Enter fullscreen mode Exit fullscreen mode
  4. Make your changes, commit them, and push them to your fork.

    git add .
    git commit
    Enter fullscreen mode Exit fullscreen mode

GitHub logo shravzzv / Genesis-server

Express server for the Genesis application created using MongoDB, Node.js and openai.

Genesis server

Project demo

Description

Genesis Server is a backend server application designed to handle user authentication, data management, and API requests for the Genesis Precursor project. It provides a robust and scalable solution for managing user data and interactions.

Features

  • User Authentication: Secure user authentication using JWT tokens.
  • Data Management: Efficient handling of user data with MongoDB.
  • API Endpoints: RESTful API endpoints for various operations.
  • Error Handling: Comprehensive error handling and logging.
  • Scalability: Designed to scale with your application's needs.
  • Documentation: Well-documented code and API endpoints.

Technologies Used

My Skills

Installation

To install the project, follow these steps:

git clone https://github.com/shravzzv/Genesis-server
cd Genesis-precursor-server
npm install
npm start
Enter fullscreen mode Exit fullscreen mode

How to Contribute

If you'd like to contribute, follow these steps:

  1. Fork the repository on GitHub.

  2. Clone your fork locally.

    git clone https://github.com/shravzzv/Genesis-server
    cd Genesis-server
    Enter fullscreen mode Exit fullscreen mode
  3. Create a new branch for your feature or bug fix.

    git checkout -b
    Enter fullscreen mode Exit fullscreen mode

Copilot Experience

My development journey with Genesis was significantly enhanced by GitHub Copilot on Vscode. Copilot served as my invaluable companion, streamlining the development process. Here's how I leveraged Copilot's functionalities:

  • Chat (ctrl + I): I frequently interacted with Copilot through chat, effectively describing functionalities and receiving relevant code snippets and suggestions.
  • Autocompletions: Copilot's autocompletions were incredibly helpful, especially for repetitive code patterns and boilerplate.
  • Copilot Edits: For repetitive code sections, I utilized Copilot edits to expedite the development process.

GitHub Models

I incorporated the capabilities of GitHub Models to elevate Genesis's functionalities. Notably, I employed the OpenAI GPT-4o mini model (considering its low tier limit) to implement a feature that breaks down complex goals into manageable to-do items. This integration empowers users to translate their aspirations into actionable steps, fostering a more achievable roadmap to success.

Conclusion

Building Genesis has been a rewarding experience that has not only strengthened my development skills but also provided me with the opportunity to create a tool that has the potential to positively impact users' lives. Genesis empowers individuals to take charge of their productivity and achieve their goals.

I'm constantly seeking ways to improve Genesis. Feel free to share your feedback or suggestions in the comments below!

Top comments (0)