Skip to content

Combine astrological insights with menstrual cycle tracking. Created during WWCode Hackathon for Social Impact 2023.

Notifications You must be signed in to change notification settings

lauraguerra1/celestial-cycle

Repository files navigation

Celestial Cycle 🌙

Empowering women through a combination of astrological insights and menstrual cycle tracking.

VISIT OUR APP HERE

This application is currently being developed!

Technologies used:

Abstract:

Celestial Cycle offers a seamless experience for users to input and track their menstrual flow, mood, cravings, and symptoms, alongside providing a glimpse of their daily horoscope and the current moon phase. Beyond these features, the app compiles this data to provide a comprehensive summary of insights, drawing on both the user's physical and emotional states, and the celestial influences at play in their life. By harmonizing this information, Celestial Cycle empowers users with a deeper understanding of themselves and their place within the universe, ultimately guiding them towards improved well-being and self-discovery.

Preview of App:

Login and Home Page

Login and Home Page

Calendar and Daily Insights

gif showing editing of results

Adding an Entry

gif showing editing of results

Installation Instructions:

  • Fork this repository.
  • Clone it to your local machine using the command: git clone git@github.com:lauraguerra1/celestial-cycle.git.
  • Run the command: cd celestial-cycle
  • Run the command: npm install
  • Run the command: npm run dev
  • To run Cypress e2e tests, run the command: npm run cypress

Local development

Initial setup:

  • Install Docker Desktop
  • Run the command: npx supabase login and follow the instructions
  • Run the command: npx supabase init -- only needed to be done once for this project I think?
  • Run the command: npx supabase link --project-ref vlgtrtvllgcifxunrcvw using the Reference ID from the Project Settings page in Supabase.

Each time starting the app:

  • Run the command: npx supabase start to start the local Supabase Postgres server
  • Update NEXT_PUBLIC_SUPABASE_URL (API URL), NEXT_PUBLIC_SUPABASE_ANON_KEY and SUPABASE_JWT_SECRET in your .env.local using the output from the previous command
  • Start the dev server: npm run dev

After running supabase start, a local version of the "Supabase Studio" is available at http://localhost:54323/, which can be used to create or update database tables. It is possible to sync changes made locally with our production instance. For more details, see Supabase docs.

If you are totally offline, you'll need to update getAuthenticatedUserFromSession() in src/utils/passage to return a fake/static response (return { isAuthorized: true, userID: "whatever your test userID is" }).

Remaining TODO:

-> Use supabase/seed.sql to seed some records in the database (i.e for the demo user)

Context:

  • All contributors are recent graduates of the Front End Engineering program at Turing School of Software and Design. This project was created for Women Who Code's Hackathon for Social Impact.

Contributors:

Front End Team

Learning Goals:

  • Gain proficiency in user authentication and in using a database as a platform.
  • Solidify knowledge and understanding of full stack development principles.
  • Implement new frameworks for React and CSS.

About

Combine astrological insights with menstrual cycle tracking. Created during WWCode Hackathon for Social Impact 2023.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages