Skip to content

JusminCode/WhoAmI

Repository files navigation

Who am I ?

GitHub last commit GitHub repo size GitHub code size in bytes GitHub language count GitHub top language GitHub GitHub issues GitHub pull requests GitHub watchers GitHub forks GitHub stars GitHub contributors GitHub release (latest by date including pre-releases) Vaunt Community

https://4is.me

Hello there 👋,My name is Four or Flow nick @6ix4

I'm a student and a web developer,I help authors of open source projects ,I'm a member of the HackClub community and work with non-profit organizations for my passion.

This is a project my personal website. It's a place where I can share my thoughts and ideas with the world. It's also a place where I can experiment with new technologies and techniques.And now I make a React website and use some techniques to make animation from PNG pictures.

Inspiration 🌱

A few day ago, I was looking for a new project to work on. I wanted to build something that would be fun to work on and would allow me to learn something new.I go to join a hackathon.And that was the way for me to join the HackClub community,and after that I study friends' many projects of many friends, and I found this website { Author Max Wofford } accidentally,That's so cool! I want to make a website like this and confident that I can do it.But why I never do it because I don't have creative ideas like this,which is really sad.😅 But! I don't want to plagiarize all of it, so I decided to make a website with some tricks and techniques that I'm learning. I'm learning this technique to someday I can build a simple web game.That's a technique called Sprite Animation , and I think it's really cool, if I put all inspiration into my personal website.

A lot of people have asked me, why made this complicated website? For just .gif or mp4 to make it easier? I think it's a little start on my path to build a web game,I hope you like it.😁 And I'm sorry if my English is not good enough.

Tech Stack 🛠

Support 🙏

If you like this project, You can support me with starring ⭐ this repository.

Contributing 🤝

Contributions, issues and feature requests are welcome. Feel free to check issues page if you want to contribute.

How to use 📖

From your command line, first clone WhoAmI:

Clone this repository

$ git clone https://github.com/6ix4/WhoAmI.git

Go into the repository

$ cd WhoAmI

Install dependencies

$ npm install

Run the app

$ npm run dev

Screenshots 📷

img.png img.png

Version 📌

  • Current Version : 1.0.2
  • Last Update : 2023/08/22
Version Date Description
1.0.1 2023/08/21 Use Vite + React Responsive Design
1.0.2 2023/08/22 fix anything bug and prod to 4is.me

Features 🌟

  • Responsive Design : This website is responsive, and it also works well on mobile devices.
  • Images Animation : I use this technique to make animation from pictures.
  • Audio autoplay : I use this technique to make audio autoplay when you enter the website.
  • Workflows Auto : I make workflows auto with GitHub Actions. Function tester and deploy to GitHub Pages.

Next Version 📌

  • Add Sprite Animation
  • Make a character move dance Toca Toca song.

Super Thanks for inspiration 🙏