Giter Site home page Giter Site logo

pacr's Introduction

Your Project Name

your project banner

Table Of Contents:

  1. Live Deployment
  2. Getting Started
  3. Description
  4. Pictures
  5. Functionality
  6. Technologies Used
  7. Things I Learned
  8. License
  9. Acknowledgements

Link To Deployment

๐Ÿ–ฅ ย  View a live demo of this project at: Your Project Name

Back to top

Getting Started

  1. โฌ‡๏ธ Clone the repository to your local machine
    git clone [email protected]:EpictetusZ1/PacR.git
  2. Install project dependencies with npm
    npm install
  3. ๐Ÿƒโ€ Run project
    npm run start

Back to top

Description

An assignment from The Odin Project

The motivation of this project was to re-create a site and some of its functionality from scratch, using the current live version of it as a template.

Project Planning:

I have attempted to be as thorough as possible in the planning phase of this project. The following is the result of that effort.

features and entities

Project architecture

project architecture

Note: The project did not adhere to this plan verbatim, however, it provided an incredibly useful map to follow during development and helped me to build a well-structured project.

Back to top

Functionality

  • Google Authentication
  • Persistent "Watch later" list of movies, with ability to add and remove items at will
  • A Global (app-level) state management using dynamic data from an API, Redux, and Firebase Firestore
  • A Review system that lets any unique user leave a review on a movie to be seen by all others
  • Review protection, can only edit review that was written by you
  • Dynamically generated data from an API, the site has no data or assets (aside from icons and svgs) of its own

Back to top

Technologies Used

  • Next.js
  • TypeScript
  • Tailwind CSS
  • d3.js
  • Supabase
  • Postgres

Back to top

Things I Learned

  • Client and server side permissions and validations

Back to top

License

Distributed under the MIT License. See LICENSE.txt for more information.

Back to top

Acknowledgements

This repo was made possible by the discovery of a wonderful blog post from Shailendra Bhatt. I highly recommend checking it out if you are interested in working with APIs in the future.

  1. Extracting running data out of NRC/Nike + (Nike Run Club) using APIโ€™s

pacr's People

Contributors

epictetusz1 avatar

Watchers

 avatar

pacr's Issues

mapbox

Scope

Add mapbox, and plot lat/ lng coords from run if any exist.

next-auth

Scope

Setup NextAuth, and add different roles for admin, and user.

openai-api

Scope

Implement the Open AI GPT API to practice using it and learn the technology.
I want to be able to pass a GOAL to the api, and some run data from the last x time period, and have it give a suggestion on how to proceed. Then I want to pass links to training plans, or have the api create a training plan.

Tasks

  • Prepare Data (filter by time period, and get the average values for key metrics from all runs, such as average distance, pace, duration, and perhaps heart rate
  • Create Goal Types
    • Process: Focus on consistency and enjoyment of the run.
    • Performance: Offer tips for improving speed, endurance, and technique.
    • Outcome: Discuss goal setting and measuring success, perhaps aiming for a race or a personal best.
  • Create data model to pass data in based on goal, and running history.

d3-charts

Scope

Integrate d3 into project to show multiline chart of run data

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.