Project Solo is a web app for viewing your daily horoscope with the ability to share them via Twitter and enjoy a fun visualisation. Visit the deployed version here: https://peezlepass.com/project-solo
Install node_modules, set up your environment and create a database.
npm i
cp .env.example .env
# Edit .env for your needs
npx sequelize db:create
npx sequelize db:migrate
To run the server:
npm run dev
Now visit http://localhost:3000/ to see your horoscope for the day.
First thing you will want to do is register a user to see all the fun stuff!
Simply enter any name, birthday in the format DD-MM, email and a password. Make sure the password is at least 8 characters long, otherwise Sequelize will stop you from continuing.
Be real and don’t put impossible dates, like the 30th of February. If you do, the system will alert you in pink.
After you enter, the system will greet you with your horoscope sign.
Now you may see all the constellation on the page. At first they will be blurry, waiting for you to hover your cursor over them. As you do this, the constellation will animate. Each one with their own colour.
You can click on the constellation to reveal the daily horoscope for this star sign, as well as share this text on Twitter.
And for the final part: Click on “Play me”! Enjoy some animated star dancing backed by some cool music!
I used the unofficial astrlogy.com API for horoscope data.
Technology-wise it is a Node app running Express and React, Tailwind for styling and Sequelize/Postgres for database.