chingu-voyages / v43-tier3-team-29

This awesome 3D portfolio is built with React and Three.js 💫 | Voyage-43 | https://chingu.io/ | Twitter: https://twitter.com/ChinguCollabs

Portfolio Voyage #43

Live | Repository

This awesome portfolio is built with React and Three.js.

😀 User Can

• use navigation and custom cursor to move throught different sections on the website
• see team member's portfolios
• enjoy cool animation

🤝 Our team

Developers:

• Danney Trieu
• seantai
• Eugenia
• Szymon Kucharski
• zvitez

🚀 Technologies used

• @react-three/fiber
• Drei
• Theatre.js
• Framer Motion
• React Icons

📚 Project Structure

Inside of the project, you'll see the following folders and files:

/
├── public/
│   └── LUTs/
│   └── audio/
│   └── fonts/
│   └── ...
├── src/
│   ├── animation/
│   ├── components/
│   ├── App.jsx
│   ├── Experience.jsx
│   ├── index.jsx
│   ├── style.css
└── package.json

🧞 Instructions

To run the client:

open new terminal
npm install
npm run dev

🎉

💻 Preview

😘 Credits

• Monitor by Poly by Google [CC-BY] via Poly Pizza
• Desk lamp by Poly by Google [CC-BY] via Poly Pizza
• Sandwich Board by Anonymous [CC-BY] via Poly Pizza
• Frog by Quaternius
• Fox v2 by Jake Blakeley
• Terrain Polygon Space Pack by StreakByte
• Characters and some props by Synty Studios
• Cricket sound: https://www.youtube.com/watch?v=eKmRkS1os7k
• Fire sound: https://www.youtube.com/watch?v=3DD4pgL5bS4

🫶 Special Thanks

• Chingu brought us together and we're forever grateful.
• Bruno Simon helped us to get necessary knowledge to create awesome 3D experinces ❤️❤️❤️
• Poimandres provided us with cool tools which made everything a lot easier

v43-tier3-team-29's Issues

Step 2: 🧑‍🤝‍🧑 Conduct Kickoff meeting

Task Description

• Using everyone's availability posted to When2Meet schedule a Kickoff meeting
• Use the Kickoff meeting template in the shared document directory we've provided to guide the discussion and to record notes, decisions, and assignments
• Set a time for your next meeting for later in the week

Technical Considerations
N/a

Additional Considerations
N/a

Resources
Conduct Kickoff Meeting (Chingu Handbook)

Member of Epic: #16

Step 6: 📝 Create a Low-fidelity wireframe

Objective

Establish a common understanding across the team of what information is in each screen and the actions that may be invoked from each screen.

How

• Using the features you added to the the Feature Planning template in step 4 identify the screens you’ll need and the information on each one.
• Map the actions users will be able to perform from each screen and the navigation from screen-to-screen
• Create a low-fidelity wireframe using a tool like [Figma](https://www.figma.com/) or even pencil and paper.

Resources

How To Wireframe A Website in 3 Easy Steps
Create a low fidelity wireframe (Chingu Handbook)

Member of Epic: #16

Getting Started: 🙋 Do you have questions about Chingu or the Voyage process?

Task Description
If you have questions about Chingu or the Voyage process join one or both of the Chingu Roundtable sessions held every:

• Wednesday @ 2:00 p.m. GMT -6 (Chicago)
• Saturday @9:00 a.m. GMT -6 (Chicago)

These sessions give you the opportunity to ask your questions in real time with a member of the Chingu team

Technical Considerations
These are held in our Discord community in the #townhall-chat & #townhall-voice channels.

Additional Considerations
You may also ask questions anytime in the #coding-help channel in Discord or by emailing [email protected]

Member of Epic: #15

Step 7: ⚙️ Set Up a Team Workflow

Task Description

• Decide on the coding standards the team must follow.
• Define the characteristics of your repo including the number of branches, branch names, & the workflow everyone must follow.
• Agree on the format of commit messages, how Pull Requests will be reviewed, and GitHub branch protection rules.
• Decide on where you’ll deploy your app and the branch to be considered as ‘production’ you’ll be deploying from.
• Decide on what meetings you’ll need each week and to save time, schedule them as recurring meetings. You might want to look ahead to Reaching your MVP to learn more about the types of meetings you’ll need.

Technical Considerations
N/a

Additional Considerations
Setup Your Team Workflow (Chingu Handbook)
Javascript Style Guides
Defining a Git Workflow (Chingu Handbook)
Git Branches (Chingu Handbook)
Git Commits (Chingu Handbook)
Git Pull Requests (Chingu Handbook)

Member of Epic: #16

Getting Started: 📜 Review the Chingu Agile Methodology

Task Description

• Familiarize yourself with the Chingu Agile Methodology used in a Voyage
• Learn more about Agile Methodologies in general by reading Agile Methodology 101

Technical Considerations
N/a

Additional Considerations
N/a

Member of Epic: #15

Step 1: 🤝 Meet your team & schedule Kickoff meeting

Task Description

• Meet your team by adding your introduction to the Team Channel
• Start getting to know one another
• Start discussing what projects you would like to create
• Watch the Voyage Team Roles video to learn about the different roles members of your team may have signed up to fill.
  
• Watch the How to Select a Voyage Project video
  

Technical Considerations
N/a

Additional Considerations
Meet Your team (Chingu Handbook)

Use When2Meet to identify days & times when everyone on the team is available to meet.

Member of Epic: #16

Getting Started: 🚀 Understand the Voyage Process

Task Description

• Review the Voyage Process to prepare for your upcoming Voyage.
• Watch the Welcome to YOUR Voyage video

Technical Considerations
N/a

Additional Considerations
Voyage section of the Chingu Handbook

Member of Epic: #15

Step 4: 📤 Define & prioritize MVP features

Task Description

• Each team member should add their ideas to the Project Vision & Feature Planning template before the team meeting
• Prioritize each feature - Must Have, Should Have, Nice to Have
• Meet with the team to review each feature & refine priorities

Technical Considerations
N/a

Additional Considerations
All Must Have tasks will make up your MVP. Make sure that you control the scope of the project by limiting the number of Must Have features to the ones you can reasonably complete by the end of Sprint 6.

Remember that you can always add new features once you complete the MVP.

Resources
Choose a Project & create a Vision Statement (Chingu Handbook)
Define & Prioritize MVP features (Chingu Handbook)

Member of Epic: #16

Step 5: 📋 Create a Project Backlog

Task Description

• Watch the How to Create a Project Backlog video
  
• Identify & prioritize features
• Create an epic for each feature
• Choose the highest priority epics & divide them into user stories
• Add your epics & user stories to a backlog tool. Due to it’s tight integration with GitHub we suggest using ZenHub (it’s free for teams using public repositories)
• Prioritize the user stories

Technical Considerations
N/a

Additional Considerations
During the Voyage you’ll refine the Project Backlog and in every Sprint you’ll move tasks from it to the Sprint Backlog. This is part of the Agile process helps you and your team concentrate only on the tasks that must be completed in that Sprint.

If you are using ZenHub don't forget you'll need to install its browser extension before you can see the ZenHub tab in your GitHub repo.

Resources
Create a Project Backlog (Chingu Handbook)

Member of Epic: #16

Getting Started

Feature Description
Prepare for your Voyage by becoming familiar with the Chingu practices & procedures.

Major User Stories/tasks

• Getting Started: 🚀 Understand the Voyage Process #11
• Getting Started: 📜 Review the Chingu Agile Methodology #2
• Getting Started: 🤔 Start thinking about project ideas & the technical stack #3
• Getting Started: 🙋 Do you have questions about Chingu or the Voyage process? #4

Additional Considerations
N/a

Step 3: 👍 Choose a project & create a Vision Statement

Task Description

• Watch the How to Select a Voyage Project video
  
• Collect ideas from the team
• Brainstorm with your team
• Vote to select one idea
• Decide on the technical stack you’ll use to build your project

Technical Considerations
N/a

Additional Considerations
Use the Project Vision and Feature Planning template to gather & vote on everyone's idea

Resources
Choose a Project & create a Vision Statement (Chingu Handbook)

Member of Epic: #16

Getting Started: 🤔 Start thinking about project ideas & the technical stack

Task Description

• Check out apps that Voyage teams have created in prior Voyage by reviewing the Project Showcase
• Come up with 1 to 3 ideas for projects you'd like to build so you can discuss them with the rest of the team when the Voyage starts.
• Think about what technical stack you'd like to use to build that app. Similarly, you'll discuss this as a team at the start of the Voyage.

Technical Considerations
N/a

Additional Considerations
N/a

Resources
Choose a project & create a Vision Statement (Chingu Handbook)

Member of Epic: #15

The Voyage Process - Getting off to a Solid Start!

Feature Description
Chingu has created a process for you to follow during the Voyage. This process helps you to get off on a solid start.

Major User Stories/tasks

• Step 1: 🤝 Meet your team & schedule Kickoff meeting #5
• Step 2: 🧑‍🤝‍🧑 Conduct Kickoff meeting #6
• Step 3: 👍 Choose a project & create a Vision Statement #7
• Step 4: 📤 Define & prioritize MVP features #8
• Step 5: 📋 Create a Project Backlog #9
• Step 6: 📝 Create a Low-fidelity wireframe #14
• Step 7: ⚙️ Set Up a Team Workflow #10

Additional Considerations
N/a