Light

plang-psm / mementos Goto Github PK

Mementos is a photo booth rental company based in the Los Angeles area. It aims to promote the services offered by the rental company and attract potential clients. The project is developed using Next.js, TypeScript, and Tailwind.css.

Home Page: https://mementos-navy.vercel.app

CSS 0.10% TypeScript 99.57% JavaScript 0.34%

mementos's Introduction

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

Next.js Documentation - learn about Next.js features and API.
Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

mementos's People

Contributors

Watchers

mementos's Issues

Redesign the product page

Overview

The product page needs to be redesigned

Action Items

Redesign the product page
Implement the new designs

Resources/Instructions

No response

Add icons to the footer

Overview

The footer socials need icons

Action Items

Add icons to the footer socials -- instagram, fb, yelp etc.

Resources/Instructions

No response

Redesign the about page

Overview

The new figma design is ready to apply to the site.

Action Items

Apply figma changes to the about page

Resources/Instructions

N/A

Reduce the max width of the site and fix AD images bug

Overview

The site width needs to be reduced to 1200px for the content and the AD section text bug on the home page needs to be fixed.

Action Items

Change the content max width to 1200px
Fix AD image text that is following out of flow

Resources/Instructions

N/A

Complete the about page

Overview

The about page is currently not finished. Finish implementing the design and functionality

Action Items

Apply updated design changes to the about page

Resources/Instructions

No response

Complete the pricing page

Overview

The pricing page is currently not finished. Finish implementing the design and functionality

Action Items

Apply updated design changes to the pricing page

Resources/Instructions

No response

Issue Template

Create and Issue template for the project.

Framer motion - animate page transitions

Overview

Page transitions need to be added to the website for UI purposes

Action Items

Animate page transitions using framer motion
Animate components fading into the page
Animate Nav bar
Animate Footer

Resources/Instructions

https://www.framer.com/motion/

Add a PR template

Overview

Implement a PR template that displays when a user is creating a PR.

Action Items

Implement a PR template.

Resources/Instructions

Enhancements

Overview

Minor enhancements for site performance.

Action Items

Change frame motion animation to .5 for mobile
Add priority to header img in products
Remove lazy loading on all images

Resources/Instructions

N/A

Navbar size + spacing

Overview

Navbar needs some work regarding accessibility, spacing, and other issues listed below.

Action Items

Ensure spacing doesn't interfere
Clear button bg to text color contrast accessibility warning
Clear the " Lists do not contain only li elements and script supporting elements (<script> and ). "
Add correct routes to links

Resources/Instructions

https://dequeuniversity.com/rules/axe/4.8/list

BUG: FAQ dropdown duplicated icon

Overview

The FAQ dropdown on safari iphone 13 is showing a second arrow icon. Investiage and remove the extra icon

Action Items

Investigate why there is an extra icon
Remove the icon

Resources/Instructions

N/A

SEO: Links do not have descriptive text

Overview

The Learn More links do not have descriptive text. See resources below to clear.

Action Items

Read Learn how to make links more accessible.
Run a lighthouse test to ensure the issue is cleared and SEO is at 100

Resources/Instructions

PERFORMANCE: Total blocking time

Overview

Our performance score can be improved by reducing the total blocking time. Look into TBT and determine how we can reduce the time.

Action Items

Research Total Blocking Time
Identify any current issues increasing TBT
Resolve the issue
Run a lighthouse test and check for improvements.

Resources/Instructions

No response

BUG: Rename logo to Logo on Imports

Overview

Deployment is currently blocked due to Logo being lowercased on import in some files.

Action Items

Fix the imports on the below.

app/gallery/page
app/page
footer component

Resources/Instructions

N/A

Redesign the footer

Overview

The contact us form is being moved from the footer to the home page. Implement the new footer design that removes the contact us form from the footer

Action Items

Implement new footer design

Resources/Instructions

No response

BUG: CTA on Home page needs padding

Overview

The CTA code was changed and removed its padding. Fix the padding in the home page.

Action Items

Add padding the CTA section on the home page.

Resources/Instructions

N/A

Redesign the landing and products page

Overview

Redesign the landing and products page so the pages flow better.

Action Items

Redo the landing page
Redo the products page

Resources/Instructions

No response

ACCESSIBILITY: Lists must not contain any elements inside

Overview

The nav menu has an a tag inside the

. Find an alternative to list the links for the navigation.

Action Items

Read Learn more about proper list structure.
Run a lighthouse test and ensure the error is cleared.

Resources/Instructions

Clean up images folder

Overview

Images need to be renamed to be uniform and remove any unused images.

Action Items

Rename all images with camel casing pattern
Remove unused images

Resources/Instructions

No response

Complete landing page

Overview

The landing page is currently not finished. Finish implementing the design and functionality

Action Items

Apply updated design changes to the landing page
Add functionality to the Instagram component
Add images from events
Create a contact us section
Finish the footer

Resources/Instructions

Product page Accessibility

Overview

Accessibility issues need to be addressed on the product page.

Action Items

Run a lighthouse score to see the accessibility issues mentioned.
Research and apply changes to clear those issues
Run a lighthouse score to confirm changes cleared the errors

Resources/Instructions

Redesign the Gallery page

Overview

The gallery page needs to be redesigned. Meet with the owner to discuss further options.

Action Items

Discuss gallery page design with owner
Create a mock of the UI

Resources/Instructions

N/A

Fix nav scrolling on mobile

Overview

Page is scrollable when the nav modal is open on the mobile.

Action Items

Prevent scrolling when the nav modal is open

Resources/Instructions

Refer to nav in portfolio - https://github.com/plang-psm/portfolio-v3

Finish up remaining content -- Waiting for Stakeholder

Overview

Finish adding the remaining content onto the site

Action Items

Extra Photos
About page
Footer content

Resources/Instructions

N/A

Next js vulnerability

Overview

"A Server-Side Request Forgery (SSRF) vulnerability was identified in Next.js Server Actions by security researchers at Assetnote. If the Host header is modified, and the below conditions are also met, an attacker may be able to make requests that appear to be originating from the Next.js application server itself."

Action Items

Update to Next.js 14.1.1 for patch

Resources/Instructions

GHSA-fr5h-rqp8-mj6g

Redesign Home page

Overview

Home page header and gallery sections need to be redesigned.

Action Items

Redesign the header
Redesign the gallery section
Implement the new designs
Write a wiki on why you made the changes

Resources/Instructions

No response

Recommend Projects

React

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

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

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

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

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

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.