Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Migrate Code Base from Next.js to Pure React.js #3

Open
wants to merge 121 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
121 commits
Select commit Hold shift + click to select a range
3e0d4f0
chore: delete all files
l3lackMegas Jun 17, 2023
5dcb7a0
feat: add base project
l3lackMegas Jun 17, 2023
47d4b40
feat: implement toggle navbar
l3lackMegas Jul 29, 2023
e99558a
feat: implement loading
l3lackMegas Jul 29, 2023
d9f72d9
feat: change animate timing
l3lackMegas Jul 29, 2023
a0ac3be
feat: adjust scale while navbar is active
l3lackMegas Jul 29, 2023
2a0f1af
feat: implement prelaod
l3lackMegas Jul 29, 2023
bf012e4
feat: adjust navbar exit animation
l3lackMegas Jul 29, 2023
6805982
fix: element bugs
l3lackMegas Jul 29, 2023
577f987
feat: improve page scroll
l3lackMegas Jul 29, 2023
21e32f6
feat: implement smooth scroll
l3lackMegas Aug 6, 2023
389e277
feat: improve parallax scroll
l3lackMegas Aug 6, 2023
1c3c257
feat: refactor construct element
l3lackMegas Aug 6, 2023
fd315d5
feat: bring back animation
l3lackMegas Aug 6, 2023
36ed0a5
fix: animate when redirect
l3lackMegas Aug 6, 2023
78ffd22
feat: add sample element
l3lackMegas Oct 2, 2023
735b1e3
feat: improve side menu
l3lackMegas Dec 8, 2023
8b3fe59
feat: delete some page
l3lackMegas Dec 8, 2023
17edd3a
build: yarn version
l3lackMegas Dec 8, 2023
6ce7c90
feat: add unfinish label mask
l3lackMegas Dec 8, 2023
cdceb44
fix: mobile column
l3lackMegas Dec 9, 2023
482a74e
put no wrap on warning label
l3lackMegas Dec 9, 2023
071b512
update manifest
l3lackMegas Dec 9, 2023
96cd3de
fix: docs
l3lackMegas Dec 10, 2023
6ac1b59
feat: implement parallax scroll
l3lackMegas Dec 10, 2023
82aefe6
feat: add 404 error page
l3lackMegas May 18, 2024
cb23272
fix: z-index
l3lackMegas May 18, 2024
1cbb1d4
feat: show nav menu on top while translate
l3lackMegas May 18, 2024
66ddd75
feat: implement portfolio page
l3lackMegas May 19, 2024
04f3d68
feat: add work
l3lackMegas May 19, 2024
b67a610
feat: add work
l3lackMegas May 19, 2024
d082f4a
fix: button
l3lackMegas May 19, 2024
e126326
fix: project detail scroll
l3lackMegas May 19, 2024
151ec12
fix: project detail height
l3lackMegas May 19, 2024
7cc3122
fix: padding
l3lackMegas May 19, 2024
6fd5d75
feat: change nav color
l3lackMegas May 19, 2024
defc70e
chore: edit text
l3lackMegas May 19, 2024
5160fea
chore: edit text
l3lackMegas May 19, 2024
e6428ed
chore: education year
l3lackMegas May 19, 2024
4c31e7a
feat: responsive
l3lackMegas May 19, 2024
180b410
fix: scroll bar doesn't work after open project and redirect
l3lackMegas May 19, 2024
c7ef70f
feat: add scroll indicator
l3lackMegas May 19, 2024
e5db044
feat: add page title
l3lackMegas May 19, 2024
5c3d874
feat: change work color
l3lackMegas May 19, 2024
fde2c11
feat: adjust work color
l3lackMegas May 19, 2024
a46c1c2
feat: improve mobile performance
l3lackMegas May 20, 2024
c7e9f87
feat: add warning for performance mode
l3lackMegas May 20, 2024
2693898
feat: add warning message for mobile
l3lackMegas May 20, 2024
2463711
feat: change warning logo
l3lackMegas May 20, 2024
d921211
feat: change wording
l3lackMegas May 20, 2024
e88b818
Update work-list.tsx
l3lackMegas May 21, 2024
af6cffe
feat: add works
l3lackMegas May 22, 2024
e4c6e21
feat: adjust image thumnail
l3lackMegas May 25, 2024
0fb07f5
chore: remove some work
l3lackMegas May 25, 2024
9cdd53a
feat(work-list): implement big image on hover hover
l3lackMegas May 25, 2024
70656d7
feat: move text while hover
l3lackMegas May 25, 2024
5e238fa
fix: items below move when hover
l3lackMegas May 25, 2024
1f99809
feat: change border radius
l3lackMegas May 25, 2024
71a5522
chore: change word
l3lackMegas May 25, 2024
624e739
feat: change button design
l3lackMegas May 25, 2024
d80bd7c
feat: disable blur on mobile
l3lackMegas May 25, 2024
dbd07b8
feat: implement music player
l3lackMegas May 26, 2024
9e1c823
feat: implement music player
l3lackMegas May 26, 2024
3976424
fix: mobile can't play music
l3lackMegas May 26, 2024
e1577b7
fix: delay and button collapse
l3lackMegas May 26, 2024
aa366ba
fix: can't play next song
l3lackMegas May 26, 2024
cbd459f
Update index.html
l3lackMegas May 27, 2024
c9354f3
Update index.html
l3lackMegas May 27, 2024
09dcd36
Merge pull request #2 from l3lackMegas/dev/story-site
l3lackMegas May 27, 2024
ce356b8
fix: player bugs
l3lackMegas May 27, 2024
e95b29f
feat: add song
l3lackMegas May 27, 2024
21c1e03
feat: add interaction on other page
l3lackMegas May 27, 2024
05b157f
fix: mobile player bugs
l3lackMegas May 27, 2024
20636eb
fix: play button icon
l3lackMegas May 27, 2024
e8a7798
feat: add hover on progress
l3lackMegas May 27, 2024
189b927
fix: music page black screen after close palyer
l3lackMegas May 27, 2024
92de440
fix: page not remove after change url
l3lackMegas May 27, 2024
9946b4a
Update music-list.tsx
l3lackMegas May 28, 2024
14c78ce
fix: wrong video id
l3lackMegas May 28, 2024
c7f3456
feat: add source link to song title
l3lackMegas May 28, 2024
111a095
feat: show video as background
l3lackMegas May 28, 2024
f834b18
feat(music): background fadeout before stop
l3lackMegas May 28, 2024
4e8fd7a
fix: safari font and background
l3lackMegas May 28, 2024
bfee523
fix: mobile backdrop
l3lackMegas May 28, 2024
439943f
chore: remove log
l3lackMegas May 28, 2024
e4959b4
fix(music): background missing when pause video
l3lackMegas May 28, 2024
99d23fe
feat: add toggling to context
l3lackMegas May 28, 2024
b6b9726
fix(music): delay background dim
l3lackMegas Jun 3, 2024
24f1896
chore: comment log debug
l3lackMegas Jun 3, 2024
4d55e0f
Merge branch 'story-site' into dev/story-site
l3lackMegas Jun 3, 2024
31848fb
feat: use video url when player display is on
l3lackMegas Jun 22, 2024
edf2e4e
feat: update work and music
l3lackMegas Jul 16, 2024
f54c422
feat: change about me text
l3lackMegas Jul 16, 2024
9b73a87
feat: add title page on music page
l3lackMegas Jul 16, 2024
813fb70
chore: update site description
l3lackMegas Jul 18, 2024
bf15b34
feat: show credit on every page
l3lackMegas Jul 21, 2024
c75cabb
fix: music player move while changing page
l3lackMegas Jul 21, 2024
5c3c79e
chore: update resume
l3lackMegas Jul 22, 2024
c0f0193
fix: caching
l3lackMegas Jul 22, 2024
8c38b70
feat: add min height to resume first section
l3lackMegas Jul 22, 2024
0d73c10
chore: upgrade all dependencies
l3lackMegas Jul 28, 2024
a9edbf3
add language
l3lackMegas Aug 21, 2024
b60b85e
feat: update UNDEAD video url
l3lackMegas Sep 14, 2024
2af9a9c
feat: add notice about Youtube iframe
l3lackMegas Sep 14, 2024
e5b40fa
fix: player progress bar is slow on mobile
l3lackMegas Sep 15, 2024
c793ba3
fix: can't play music when click on iframe notice
l3lackMegas Sep 17, 2024
f29b484
chore: update job description
l3lackMegas Sep 17, 2024
9da85f3
feat: add new song to music page
l3lackMegas Oct 2, 2024
0dbaf95
feat(work): add imagin asia 2024
l3lackMegas Oct 20, 2024
51a6f31
chore: adjust text desc
l3lackMegas Oct 20, 2024
006f110
feat: add fadeIn to image list
l3lackMegas Oct 20, 2024
759e337
chore: update portfolio content
l3lackMegas Oct 20, 2024
d275923
feat(portfolio): implement filters
l3lackMegas Oct 20, 2024
99f2970
feat: remove messenger button
l3lackMegas Nov 8, 2024
780b5b8
Merge pull request #4 from l3lackMegas/dev/story-site
l3lackMegas Nov 8, 2024
f93c8eb
feat: add favicon
l3lackMegas Nov 13, 2024
7302140
fix: page scroll height on portfolio page
l3lackMegas Nov 29, 2024
7a92d34
fix: background blur size delay while resize
l3lackMegas Nov 29, 2024
3df0f47
feat: add color to music page
l3lackMegas Dec 15, 2024
cf86ca2
Merge branch 'dev/story-site' into story-site
l3lackMegas Dec 15, 2024
691fdfd
feat: remove title color
l3lackMegas Dec 15, 2024
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
23 changes: 23 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js

# testing
/coverage

# production
/build

# misc
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local

npm-debug.log*
yarn-debug.log*
yarn-error.log*
46 changes: 46 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
# Getting Started with Create React App

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Available Scripts

In the project directory, you can run:

### `npm start`

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.\
You will also see any lint errors in the console.

### `npm test`

Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `npm run build`

Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

### `npm run eject`

**Note: this is a one-way operation. Once you `eject`, you can’t go back!**

If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.

## Learn More

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out the [React documentation](https://reactjs.org/).
21 changes: 0 additions & 21 deletions index.html

This file was deleted.

Loading