Daily Sparks App

Overview

Welcome to Daily Spark, your ultimate source of daily motivation! Say goodbye to inconsistent quotes with our reliable platform. Empower your voice by creating and sharing motivational content. Experience personalized inspiration tailored to your needs. Join us and ignite your day with Daily Spark!

Link to Website

Installation

• Fork and clone this repository

  • Open the repository in VS Code by running code . in the terminal
  • Run the command npm install to receive all the necessary dependecies

• Now clone this repository Back End Server

  • Run the command npm install to receive all the necessary dependecies

• Now with both terminals up for each respective repository run the command npm run dev. This will make the page visible and make the server run in order to grab the students information.

Features

Home Page

You are greeted with a "Spark of the Day" along with the date. This date is actually dynamic and updates based on the day. You will also see "Popular Sparks" this will show you some popular sparks on our platform.

Viewing Quotes/Filtering Quotes

In the nav baryou can click "Sparks" to view all the sparks. Or in "Popular Sparks" you can click the redirection link. Here you can view all the sparks along with a filtered system. By clicking the selected category the sparks will change depending on your selection. Let's just say you want to revert back to all the sparks, we included an orange "All Sparks" button!

Creating Spark

By clicking "Make a Spark" in the nav bar you will be taken to a page that is a form. Here at Daily Sparks we wanted to give the user the opportunity to collab with us and voice their quotes. Here you will be able to input your spark, name and select the category you wish it to be grouped in. As soon as you click submit your spark will display in the "Your Sparks" section. Also! you are now a part of the spark database. If you head over to the "Sparks" you will find yourself there now!

Updating Sparks/ Deleting Sparks

We all make mistakes here and there. But Spark quotes allows you to fix them. With every spark you create. It will be displayed along with a trash can and pencil icon. If you click the trash can the spark automatically gets deleted from "Your Sparks" and the database. If you click the pencil icon another form will appear that is already filled in for you. Then you can make the changes to your desires.

About the Devs

In the top right of the header we have provided a button when clicked will bring you to the "About the Developers" page. Here, you will get to know more about the creators of this application.

Stretch Goals

• Implemented the framework Tailwind CSS
• Added real time to the home page so that Daily Quote updates everyday
• Added a footer that is functional and provides routes
• Used icons for buttons
• Integrated glass morphism to our spark card
• Included a dynamic background to the About The Devs

Credits

This project was possible by the contributions of our talented team of developers:

• Alexander Gonzalez: Team Lead
• Jaden Glenn: Team Member
• Carlitos Dutan: Team Member

License

This project is licensed under the MIT License.

Efficiently view and create quotes with Daily Sparks!⚡