madhukesh06/everhour.com-clone

Everhour is a team-oriented time tracking software product, One of the properties of Everhour is Integration and synchronization with many kinds of business tools such as: Asana, Basecamp, GitHub, Trello etc.

💫 About Me: Madhukesh Kumar Thakur

👋 Hi, I’m @Madhukesh06 from Bihar (India)
🌱 I'm a Full Stack Web Developer skilled in MERN stack
💞️ I’m always open to work on collaborative projects
💁‍♂️ My portfolio

🌐 Socials:

💻 Tech Stack:

📊 GitHub Stats:

🏆 GitHub Trophies

---

everhour.com-clone's Issues

Time Stamp

• Table
• OnHover Effects
• Adding Data
• onPlay Button

Landing Page -Testimonial Section

• Structuring Layout
• Managing SVG's
• Defining Content
• Basic Styles (color's /font's)
• Responsiveness

Title comp

• Tab Headings
• State management
• handle function
• Icons switching

Personal Preferences

• Create structure
• Add all the select tag
• Give labels to all of them
• Make them responsive
• Give Minimum 5 inputs for select components

Task Input

• Button to handle Modal.
• Modal Header.
• Modal Body.
• Modal Footer.
• Modal closing button.

TopMidSection

• Create two Section
• Add input and toggle button
• Add date section
• Add Today section to show Calander

Demo Top

• Create Buttons component
• Create Header component
• Create HeaderContent Component

Bottom Component

• Create same basic structure
• Add minimum 5 dropdowns to them
• Add Radio buttons
• Make responsive
• Try changing them with string

ActionCreater

• Create actionTimer for time in string format
• Make all the required files for that
• Add all the logic and display accordingly

useStartStop hook

• Give all the logic to it
• Try to make changes if needed

MyProjects-UI (Dashboard)

• Basic Structure
• Adding Basic Styles
• Defining content
• Testing

Getting started comp

• Data array
• Header
• Tabs
• body
• content management

Backend Deployment

• Testing backend on Local server
• Integrating render.com for deploying
• Testing live backend server

Landing page- Tutorial Carousel

• Building A static layout
• Entering Content
• Basic Styles
• Hover Effects
• Integrating Carousel
• Responsiveness

Create BottomDemo Section

• Add a Small header
• Add input tag for email
• Create a button link

TopRightSection

• Create a Button Component
• Add Margin and Padding to It

Create MidDemo Section

• Add background SVG
• Create a list of lines
• Create shadow box

Landing Page -Hero Section

• Structuring Layout
• Adding Content
• Colors & Font sizes
• Responsiveness

Accordian

• Table Accordian
• Responsive
• Adding Details

TopbarLeftSection

• Create Left Section
• Add Input Box
• Add Search Icon
• Add add Icon

useTimeSheet

• Create the logic and make custom hook properly

Pricing Page

• Pricing Bars
• Monthly/Yearly Conversion
• Features
• Country Add

Background SVG needs to create

• Create and position all SVG

Data Array

• Array mapping for heading
• content managing by state
• icon animation

Top Component

• Create the component
• Render it to the main Component
• Give Radio button to it

Landing Page -Bottom Section

• Layout
• Reusing Components
• Background Styles
• Responsiveness

FAQ Accordian

• Accordian
• Add FAQ
• Styling

Navbar

• Brand logo with the home route.
• Page navigator.
• Integrations dropdown.
• login & signup buttons.

Auth Frontend (Redux)

• Integrating Redux in project
• Integrating Thunk
• LoginAction Logic
• SignupAction Logic
• LogoutAction
• Maintaining Reducers & Types
• Managing store

Footer

• Brand logo with the home route.
• Categories card.
• Social media handles.
• Copyright, terms & and condition.

Created TopDemo section

• Add top header
• Add Mid content of the header
• Add Buttons

Task Input Form

• Labels.
• Inputs.
• Add task button.
• Save and Add Another button.
• Cancel button to close the modal.

Form State Management

• State to track input changes.
• Add task function.
• Initial Ref for modal.
• Discloser for modal.

Backend Local

• Maintaining auth API
• Managing Login endpoint (post)
• Managing SignUp endpoint (post)
• Token in Response
• Collection for tasks

MainTopBar

• Create main top bar
• Add all section to it
• Add other components which required

Navbar & Footer - Responsiveness, Animation and Hover

• Page navigator hover.
• Integrations pop up animation.
• Sign up button animation.
• Footer Content list item hover.
• Responsiveness style.
• Navbar hamburger for mobile and tablet.

Dashboard (UI)

• Layout and Structure
• Basic Styles
• Entering Content
• Transitions
• Icons & logos

Custom Hooks

• Create useStartStopHook
• Create useTimeSheetHook

Footer Content Card

• Content Card Header.
• Content body.
• Array of content.
• Mapping the Array.