Track productivity, alott time for focusing on tasks, and increase your effectiveness during study sessions

Related tags

Learning resource nodejs javascript productivity express mongodb authentication study mongoose pomodoro
Overview

Timeato

A pomodoro app that allows you to track your study sessions

timeato.up.railway.app/

README.md Sections:

Introduction

Timeato is an open source pomodoro study buddy built in JavaScript. Our platform aims to provide users the ability to increase productivity while setting aside time to study and do work. Create an account and start tracking study session information. After we authenticate you as a user, we are able to track the amount of time you have spent studying each of your selected tasks.

188342389-7fa669a1-e757-42da-b3c1-36146e0adacd

Project Installation

  1. Fork our repository
  2. Navigate to a local directory where you would like the project to be cloned to
  3. Clone the repository to your local environment (git clone <link here>)
  4. Install all of our dependencies (npm install or npm i)
  5. Create a .env file and add the following variables:
    • DB_STRING = mongodb connection URI.
    • SECRET_SESSION = string secret to pass into express-session instance.

Project Dependencies

  • bcrypt - used to encrypt user password information.
  • connect-mongo - used for creating connection to mongodb database.
  • dotenv - used to process environment variables
  • ejs - used as view engine to render html
  • express - used for routing and handling request / response operations.
  • express-flash - used to display error information to user when logging or signing up.
  • express-session - used to maintain user state (such as if they are currently logged in or not).
  • mongodb - database used to store web application data.
  • mongoose - used for creating models and schemas for storing data properly.
  • morgan - used for displaying request information in testing environment.
  • nodemon - used for testing and speeding up development process.
  • passport - used for user authentication.
  • passport-local - passport strategy used.
  • validator - used for validating user input.

How To Contribute

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

Please visit CONTRIBUTING.md to read about our guidelines before making a contribution to our project. Thank you!

Report a Bug

If you encounter a bug and/or have any suggestions for our team, please visit our issues page and create a new issue. If you wish to implement a feature on your own, please visit our Contributing Guidelines and follow our requirements.

If you have encountered a bug, please provide as much information as you can to help us replicate the issue on our own end. Depending on the issue, it may be useful to communicate your browser, screen width, and/or anything that relates to your specific encounter.

Our Team

Comments
  • Timer develop

    Timer develop

    Pomodoro.ejs has class names for main.js

    main.js has eventListeners and functions that allow for updating the DOM dynamically. setInterval has to be updated to 60,000 for it to countdown minutes.

    opened by Brandon-Schefstad 3
  • Updated Schema properties

    Updated Schema properties

    closing #62

    Added two new Schemas for Sessions and Cycles SessionsSchema includes details for each session Cycles includes focus time and break time

    updated TaskSchema

    opened by missmae448 2
  • Create environment variable for Express Session secret

    Create environment variable for Express Session secret

    Add variable named SECRET to .env and assign it a string, replace secret in app.use with process.env.SECRET.

    Make sure to send the new secret on discord if you fix this issue!

    good first issue 
    opened by Brandon-Schefstad 2
  • Fix: user object is passed through req, we can remove search through db

    Fix: user object is passed through req, we can remove search through db

    Remove mongoose method to find user, because user is passed through the request. We already have access to the user without having to run a search method.

    opened by brianschnee 1
  • Signup bugfixing, TypeError on Railway

    Signup bugfixing, TypeError on Railway

    Ignore the first three commits below, the only changes are const->let, removing destructuring in User.js, and only running updateTask() when timer reaches 0.

    Original Issue #99

    On the current version pushed to railway, when a user signs up they see: Railway displays this error:

    It is this change to models/User.js that fixes it: This PR closes #101 (since it was just a small change) and #99 I made another railway app and pointed it to signup-bugfixing branch, everything seemed to work appropriately.

    opened by Brandon-Schefstad 1
  • Fixed a favicon and button color bug

    Fixed a favicon and button color bug

    Fixed an issue where if you selected a different time in the dropdown menu, both the favicon and the start-stop button would change color to started, while the clock was stopped

    opened by IngmarSoares 1
  • feat: add username to welcome heading of pomodoro page

    feat: add username to welcome heading of pomodoro page

    • Allow task.js controller to populate pomodoro.ejs file with user name in pomodoro section heading
    • Add template user name in pomdoro.ejs file in pomodoro header section
    • Modify class of h2 tag with welcome heading on pomdoro page
    opened by ZephyrPfeiffer 1
  • Test

    Test

    Version 2.0.0

    Login

    • Created login page
    • created login.css
    • updated login.ejs styling
    • created redirect to signup

    Sign Up

    • Created sign up page
    • created signup.css
    • updated signup.ejs styling
    • created redirect to login

    Index

    • Created index.css
    • Updated styles

    Pomodoro

    • Created timer with start/stop button for pomodoro sessions
    • Created pomodoro.ejs file to render timer to DOM
    • Interact with DB to store pomodoro session data
    • created pomodoro.css
    • styled page
    • created logout route which removed current session

    Routes

    • getTime - renders pomodoro.ejs
    • updateTask route updates a users task in their taskArray, otherwise adds a new task to that array

    auth.js

    • updated UserSchema instantiation

    Timer

    • start/start time which counts down by minutes and seconds
    • sets timer to value from dropdown and is parsed as MM:SS
    • added comments for every function
    • updateTask() function makes a fetch request to DB to update current session time

    Schemas

    • Updated UserSchema, added a taskArray for every user
    • Created Schemas for Tasks, Sessions, and Cycles

    README

    • updated project details
    • added information on making contributions

    Misc

    • Added css reset
    • updated connect-mongo, express-session, mongoose, mongodb dependecies to current version
    • updated connect-mongo and express-session syntax
    • Updated favicon
    • Update tab text when timer starts (to match the time on the timer)
    • removed old .env file and added .env to gitignore
    • created new DB collections
    • updated project information in package.json
    • added assets folder in public with images for each view

    Index Desktop View

    188353599-4d6a3121-226c-498b-a6cb-154a9c5331ad

    Login Desktop View

    188297395-54ffc32f-b244-4f54-8639-1b405eb57fef

    Signup Desktop View

    188326871-35862e1b-1049-4ffc-8c25-b0dcc55d1637

    Pomodoro Desktop View

    188342389-7fa669a1-e757-42da-b3c1-36146e0adacd enhancement 
    opened by brianschnee 1
  • timer bug when timer state is 00:00

    timer bug when timer state is 00:00

    Change default Pomodoro state to 25:00, Protect states when the timer is 00:00

    When entering the task endpoint, the timer defaults to 00:00, this results in a bug when a user attempts to click the start/stop button.

    On page load.

    Screen Shot 2022-09-06 at 1 59 39 PM

    On subsequent start/stop clicks

    Screen Shot 2022-09-06 at 2 12 40 PM

    This issue happens whenever the state of the timer is at 00:00 and a user attempts to click the start/stop button. We need to protect the timer from running when the timer state is at 0.

    bug help wanted 
    opened by brianschnee 1
  • Change titles throughout the app to

    Change titles throughout the app to "timeato" or "Timeato"

    Replace "Pomodoro" with app name "Timeato" in each view

    In head of ejs files

    change to "Timeato"</p> </blockquote> <img width="116" alt="Screen Shot 2022-09-05 at 11 30 41 PM" src="https://user-images.githubusercontent.com/77141303/188541224-5e161dfe-bf10-433b-a0f9-39d82792d3ff.png"> <p>In index.ejs</p> <blockquote> <p>change h1 element text</p> </blockquote> <img width="963" alt="Screen Shot 2022-09-05 at 11 30 27 PM" src="https://user-images.githubusercontent.com/77141303/188541210-181abff7-e05d-4c42-bcba-71ccbfd78381.png"> <p>In login.ejs</p> <blockquote> <p>Change <h1> to say "Login to Timeato"</p> </blockquote> <img width="284" alt="Screen Shot 2022-09-05 at 11 30 50 PM" src="https://user-images.githubusercontent.com/77141303/188541246-5e5c6804-ca05-4b14-87b0-12440ac108c1.png"> <p>In Signup.ejs</p> <blockquote> <p>Change <h1> to say "Sign up with Timeato"</p> </blockquote> <img width="287" alt="Screen Shot 2022-09-05 at 11 32 08 PM" src="https://user-images.githubusercontent.com/77141303/188541367-97db89f6-e5eb-472d-b792-781ad058f684.png"> <p>In Pomodoro.ejs</p> <blockquote> <p>I think it may be best to leave the text "Pomodoro" text above the timer as is. Consult the team about changing it.</p> </blockquote> </article> </div> <span class="publish py-3 d-inline-block w-100"> opened by brianschnee <i class="fa fa-commenting" aria-hidden="true"></i> 1 </span> </div> </div> </li> <li> <div class="d-flex"> <div class="left"> <span> <img data-original="https://avatars.githubusercontent.com/u/63169331?v=4" class="lazy profile-pict-img img-fluid" alt="Path to adding new task object to user"> </span> </div> <div class="right"> <h4> <a href="https://github.com/devv-work/timeato/issues/73" rel="nofollow"> Path to adding new task object to user </a> </h4> <div class="review-description"> <article class="markdown-body text-wrap"> <p>I added a route and a controller to add a new task object to a user.</p> <p>I'm making the PR now to add this code to the Test branch, and then I'll continue the full path with a client-side fetch and more detail in the controller in a new branch that's up-to-date with the most recent code from the Test branch.</p> </article> </div> <span class="publish py-3 d-inline-block w-100"> opened by nrooney024 <i class="fa fa-commenting" aria-hidden="true"></i> 1 </span> </div> </div> </li> <li> <div class="d-flex"> <div class="left"> <span> <img data-original="https://avatars.githubusercontent.com/u/82341206?v=4" class="lazy profile-pict-img img-fluid" alt="Enable browser's notification API when clock reaches 00:00"> </span> </div> <div class="right"> <h4> <a href="https://github.com/devv-work/timeato/issues/114" rel="nofollow"> Enable browser's notification API when clock reaches 00:00 </a> </h4> <div class="review-description"> <article class="markdown-body text-wrap"> <p>Hi, I'm working on implementing this so if the user is not on timeato app the notification shows up and tell the user that time is up. It's almost done, so I just want to know if you like the idea and if a button with a (bell icon) is viable, for the user to grant notifications.</p> <p>Hope to hear from you.</p> </article> </div> <span class="publish py-3 d-inline-block w-100"> opened by efs0-cod3 <i class="fa fa-commenting" aria-hidden="true"></i> 0 </span> </div> </div> </li> <li> <div class="d-flex"> <div class="left"> <span> <img data-original="https://avatars.githubusercontent.com/u/63169331?v=4" class="lazy profile-pict-img img-fluid" alt="Each time you click the start/stop button, a new session is updated"> </span> </div> <div class="right"> <h4> <a href="https://github.com/devv-work/timeato/issues/107" rel="nofollow"> Each time you click the start/stop button, a new session is updated </a> </h4> <div class="review-description"> <article class="markdown-body text-wrap"> <ul> <li>Right now, each time you click the start/stop button, a new session is added</li> <li>Need to make it so that stopping the timer doesn't add a new session. Only starting it does.</li> </ul> <span style='padding: .2em .6em .3em;color:#fff;background-color:#008672'>help wanted</span> <span style='padding: .2em .6em .3em;color:#fff;background-color:#B60205'>!Tier1</span>  </article> </div> <span class="publish py-3 d-inline-block w-100"> opened by nrooney024 <i class="fa fa-commenting" aria-hidden="true"></i> 1 </span> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="col-lg-4 right"> <div id="basic" class="tab-pane fade show active"> <div class="box shadow-sm rounded bg-white mb-3"> <div class="box-title border-bottom p-3"> <h6 class="m-0">Owner </h6> </div> <div class="d-flex align-items-center p-3 job-item-header"> <div class="overflow-hidden mr-2"> <h6 class="font-weight-bold -dark mb-0 text-truncate"> devv.work </h6> <div class="small text-gray-500"> </div> </div> <img class="img-fluid ml-auto" style="border-radius: 50%;" src="https://avatars.githubusercontent.com/u/112588930?v=4&s=60" alt="devv.work"> </div> <div class="box-body p-3"> <a href="https://github.com/devv-work/timeato" rel="nofollow" target="_blank" class="btn btn-lg btn-block btn-info mb-3"><i class="fa fa-github" aria-hidden="true"></i> GitHub </a> <a href="https://timeato.up.railway.app/" rel="nofollow" target="_blank" class="btn btn-lg btn-block btn-dark mb-3"><i class="fa fa-home" aria-hidden="true"></i> https://timeato.up.railway.app/</a> </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/todolist-app-designed-to-help-users-manage-their-tasks-users-can-create-a-task-read-tasks-update-tasks-delete-task-check-completed-tasks-and-delete"><h6 class="font-weight-bold ">A todo-list app designed to help users manage their tasks. Users can create a task, read tasks, update tasks, delete task, check completed tasks and delete all checked tasks. Also contains basic tests. Built with WebPack,, Modular JavaScript, Jest Libary and LocalStorage.</h6></a> <p class="mb-0 text-muted">todolist This project is created to understand the use of ES6 with Webpack Built With HTML, CSS and Javascript. Webpack. Live Demo (if available) http</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/89733856?v=4&s=40" alt="Shotola Ololade" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 3 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Oct 13, 2022 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/his-project-entails-a-todolist-whereby-a-user-can-input-the-tasks-they-want-to-do-check-the-tasks-done-and-also-clear-all-tasks-when-all-of-them-are"><h6 class="font-weight-bold ">This project entails a To-do-List whereby a user can input the tasks they want to do, check the tasks done and also clear all tasks when all of them are completed. It is efficient for a user who want to manage their time and keep track of their day.</h6></a> <p class="mb-0 text-muted">Screenshot Here is a screenshot for the project. To-Do-List Project This is a Microverse project that entails a to-do-list which one is able to add an</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/95374858?v=4&s=40" alt="Grayce Muthui" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 8 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Jun 16, 2022 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/this-is-simple-todo-app-for-managing-the-daily-tasks-and-to-keep-track-on-tasks-during-the-day"><h6 class="font-weight-bold ">This is simple To-Do App for managing the daily tasks and to keep track on tasks during the day.</h6></a> <p class="mb-0 text-muted">Event Page Todo List. This is simple To-Do App for managing the daily tasks and to keep track on tasks during the day. Built With HTML CSS JavaScript </p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/26737538?v=4&s=40" alt="Miftah Amin" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 16 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Mar 9, 2022 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/todo-list-app-is-a-productivity-tool-designed-to-help-users-to-create-and-maintain-lists-of-tasks-that-they-need-to-complete-and-it-allows-user-to-e"><h6 class="font-weight-bold ">A to-do list app is a productivity tool designed to help users to create and maintain lists of tasks that they need to complete and it allows user to edit their tasks even after the task is saved. Built with CSS, HTML, and JAVASCRIPT.</h6></a> <p class="mb-0 text-muted">Tumaini Maganiko ?? Table of Contents ?? Table of Contents ?? To Do List PROJECT ?? Built With Tech Stack Key Features ?? Live Demo ?? Getting Started</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/105005469?v=4&s=40" alt="Tumaini Maganiko" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 7 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> May 9, 2023 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/Gambit142-To-Do-List-Project"><h6 class="font-weight-bold ">The to-do list project is an app that allows users to successfully organize their day by inputting prioritized tasks. The project also allows users to carry out the CRUD operations for (add, edit and delete). Two special features of the app are that it saves tasks in the local storage of the user's browser, so when the user reloads or revisits the app, the user can view a list of tasks formerly inputted, and it allows users to prioritize their tasks by dragging up and down the list section.</h6></a> <p class="mb-0 text-muted">TO-DO-LIST This is a To Do List Project that dynamically displays tasks to be done with interactions for removing and adding task when completed or no</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/77106962?v=4&s=40" alt="Francis Ugorji" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 9 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Nov 1, 2021 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/frontend-for-a-google-sheet-i-use-to-track-my-poker-sessions"><h6 class="font-weight-bold ">💰 Frontend for a Google Sheet I use to track my poker sessions.</h6></a> <p class="mb-0 text-muted">Poker Tracker A frontend for a Google Sheet that I use to track my poker sessions. To better understand how React works under the hood, I built my own</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/997350?v=4&s=40" alt="Maros Hluska" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 2 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Apr 30, 2022 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/his-is-a-todo-list-it-shows-a-minimalist-design-with-the-next-features-add-new-tasks-edit-tasks-markup-completed-tasks-and-erase-all-completed-tasks"><h6 class="font-weight-bold ">This is a To-Do List. It shows a minimalist design with the next features: Add new tasks, edit tasks, markup completed tasks, and erase all completed tasks. Built with JavaScript.</h6></a> <p class="mb-0 text-muted">Project Name To Do List Built With HTML CSS JavaScript Live Demo To do List Live Demo Link Getting Started This is a To Do List. It shows a minimalist</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/98363075?v=4&s=40" alt="Santiago CĂĄrdenas" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 6 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Jun 9, 2022 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/simple--js-to-do-list-bundled-using-webpack-you-can-add-new-tasks-edit-existing-tasks-check-completed-tasks-and-delete-tasks-from-the-list-it-is-bui"><h6 class="font-weight-bold ">A simple JS To Do List bundled using Webpack. You can add new tasks, edit existing tasks, check completed tasks, and delete tasks from the list. It is built mainly with Javascript.</h6></a> <p class="mb-0 text-muted">To-Do-List A simple HTML list of To Do built using webpack and served by a webpack dev server. Live Link See Demo Built With HTML, CSS, Javascript To </p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/86780082?v=4&s=40" alt="Michael Ugochukwu" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 3 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> May 10, 2022 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/t-is-a-simple-yet-powerful-to-do-list-app-in-which-you-can-add-daily-todo-tasksyou-can-edit-remove-check-it-to-change-its-status-to-complete-or-not-c"><h6 class="font-weight-bold ">It is a simple yet powerful to do list app in which you can add daily to-do tasks.you can edit, remove, check it to change its status to complete or not complete. it would save all the data and changes in local storage and track your daily tasks whether you have completed them or not.Built with vanilla JavaScript</h6></a> <p class="mb-0 text-muted">To Do list - minimalist It is a simple yet powerful to do list app in which you can add daily to-do tasks. it would save all the data and changes in l</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/96683843?v=4&s=40" alt="Zuhaib Amjad" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 5 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Oct 9, 2022 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/a-daily-activity-tracking-application-that-helps-to-organize-your-daily-tasks-and-keep-track-of-tasks-that-have-been-completed-or-yet-to-be-completed"><h6 class="font-weight-bold ">A daily activity tracking application that helps to organize your daily tasks and keep track of tasks that have been completed, or yet to be completed.</h6></a> <p class="mb-0 text-muted">To-Do-List This is my To-Do List project in the Microverse curriculum. Built With HTML CSS Javascript (Webpack) GitHub Live Demo Live Demo Link Gettin</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/91697183?v=4&s=40" alt="Hammed Adisa" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 8 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> May 7, 2022 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/SvanteJonssonITHS-JavaScript-med-Ramverk-Laboration-3"><h6 class="font-weight-bold ">Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'</h6></a> <p class="mb-0 text-muted">JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/89025027?v=4&s=40" alt="Svante Jonsson IT-Högskolan" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 3 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> May 18, 2022 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/hemsida-fr-personer-i-sverige-som-kan-och-vill-erbjuda-boende-till-mnniskor-p-flykt"><h6 class="font-weight-bold ">Hemsida för personer i Sverige som kan och vill erbjuda boende till mĂ€nniskor pĂ„ flykt</h6></a> <p class="mb-0 text-muted">Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/92034287?v=4&s=40" alt="null" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 4 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> May 3, 2022 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/kursrepo-fr-kursen-webbserver-och-databaser"><h6 class="font-weight-bold ">Kurs-repo för kursen Webbserver och Databaser</h6></a> <p class="mb-0 text-muted">Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/98716814?v=4&s=40" alt="null" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 14 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Jan 3, 2023 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/se-this-project-as-a-tool-for-remembering-your-daily-tasks-confirming-editing-remove-are-actions-you-can-do-to-tasks-your-data-is-saved-in-the-locals"><h6 class="font-weight-bold ">Use this project as a tool for remembering your daily tasks, confirming, editing, remove are actions you can do to tasks, your data is saved in the LocalStorage so every time you open or refresh the page all changes will be present.</h6></a> <p class="mb-0 text-muted">To-do-list The porpuse for this project is show You, the way how to implement webpack in a project creating a To-Do list in for add a template to crea</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/63516282?v=4&s=40" alt="JOSE ZEPEDA" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 10 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Nov 18, 2022 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/a-to-do-list-where-you-can-add-tasks-mark-completed-tasks-and-clear-all-completed-tasks"><h6 class="font-weight-bold ">A to do list where you can add tasks, mark completed tasks and clear all completed tasks. </h6></a> <p class="mb-0 text-muted">To Do List A to do list where you can add tasks, mark completed tasks and clear all completed tasks. You can rearrange the order of the tasks by doubl</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/56790126?v=4&s=40" alt="Amira" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 7 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Mar 4, 2022 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/to-do-list-is-a-small-but-useful-project-to-make-list-app--you-can-add-tasks-delete-tasks-and-modify-tasks-the-project-built-using-html-css-javascript"><h6 class="font-weight-bold ">To Do list is a small but useful project to make list app , you can add tasks delete tasks and modify tasks, the project built using HTML, CSS, JavaScript</h6></a> <p class="mb-0 text-muted">Project Name The To-Do-List app description this is a project in the second week of the second module in microverse. its a useful to do list that save</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/95174521?v=4&s=40" alt="Alzubair Alqaraghuli" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 5 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Jul 25, 2022 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/a-simple-to-do-list-app-built-with-html-css-and-javascript-users-can-add-daily-tasks-edit-the-tasks-delete-the-tasks-when-its-done"><h6 class="font-weight-bold ">A simple to do list app built with HTML, CSS and JavaScript. Users can add daily tasks, edit the tasks, delete the tasks when it's done</h6></a> <p class="mb-0 text-muted">To Do List This is a website that allows users to manage the tasks. users can add every task to do and when the task is done users can delete the task</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/57341400?v=4&s=40" alt="Mustafa Fahimy" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 8 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Jul 21, 2022 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/viktorbezdek-obsidian-phrasebank"><h6 class="font-weight-bold "> This Plugin adds shortcodes with various prewritten phrases to improve quality and productivity of your writing.</h6></a> <p class="mb-0 text-muted">Obsidian Phrasebank This Plugin adds shortcodes with various prewritten phrases to improve quality and productivity of your writing. Example :intro_pr</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/791101?v=4&s=40" alt="Viktor Bezdek" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 9 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Jan 1, 2023 </div> </div> <div class="box shadow-sm mb-3 rounded bg-white ads-box"> <div class="p-3 border-bottom"> <a href="/repo/a-google-chrome-extension-for-keeping-track-of-who-is-talking-during-google-meets"><h6 class="font-weight-bold ">⏱ A Google Chrome extension for keeping track of who is talking during Google Meets</h6></a> <p class="mb-0 text-muted">Am I Talking A Lot? ⏱ A Google Chrome extension for keeping track of who is talking during Google Meets Features Tracks talking time for each particip</p> </div> <div class="p-2"> <img class="lazy img-fluid mr-3" style="border-radius: 50%;max-width: 15%" data-original="https://avatars.githubusercontent.com/u/6360367?v=4&s=40" alt="Sean McPherson" > <i class="fa fa-star ml-3" aria-hidden="true"></i> 8 <i class="fa fa-clock-o ml-3" aria-hidden="true"></i> Oct 5, 2022 </div> </div> </div> </div> </div> </div> <!-- footer --> <footer class="bg-white"> <div class="container"> <div class="copyright"> <div class="logo"> <a href="/"> <img src="/assets/images/logo_jsrepos.png"> </a> </div> <p>2022.JsRepos </p> </div> </div> </footer> <!-- footer--> <!-- Bootstrap core JavaScript --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha512-bnIvzh6FU75ZKxp0GXLH9bewza/OIw6dLVh9ICg0gogclmYGguQJWl8U30WpbsGTqbIiAwxTsbe76DErLq5EDQ==" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.bundle.min.js" integrity="sha512-Oy5BruJdE3gP9+LMJ11kC5nErkh3p4Y0GawT1Jrcez4RTDxODf3M/KP3pEsgeOYxWejqy2SPnj+QMpgtvhDciQ==" crossorigin="anonymous"></script> <!-- select2 Js --> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js" integrity="sha512-2ImtlRlf2VVmiGZsjm9bEyhjGW4dU7B6TNwh/hx/iSByxNENtj3WVE6o/9Lj4TJeVXPi4bnOIMXFIJJAeufa0A==" crossorigin="anonymous"></script> <!-- Custom --> <script src="/assets/js/custom.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script> <script> $(function() { $("img.lazy").lazyload({ threshold :180, failurelimit :20, effect : "fadeIn" }); }); </script> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script> <script> hljs.initHighlightingOnLoad(); </script> </body> </html>