Project PreprLabs Web Dev Challenges is a 4 part challenge for the PreprLabs Flexible Upskilling Network (F.U.N.) Program.

Part 1: Clone the design of PreprLab's Explore Page.

• JavaScript, HTML/CSS was used to clone the design of PreprLab's Explore page.
• Frameworks and Tools used are React and TailwindCSS.

Part 2: Implement account creation and login system.

• JSON Web Token was used in the process of account creation and login authorization.
• Node Express was used to create the back-end server.
• MongoDB was used to store account data.

Part 3: Clone dashboard page.

• Create 'add a project' page.
• 'Add a project' simulated using Redux and Redux-Persist.

Part 4: Incorporate the Accessibility Button.

• Accessibility Button created as a react component.
• Used react-hooks to implement accessibility features.

Rate My Cut is a haircut catalogue that allows users to post their haircut to share and help others find what kind of hairstyles they want.

Frontend:

• Figma was used to create the designs of web pages.
• Header, Navbar, and Footers created as Vue Components.
• JavaScript, HTML/CSS, and TailwindCSS used to design web pages.

Backend:

• Laravel used to create models, controllers, and schemas for database migration and api calls.
• User authentication and authorization.

Database:

• MySQL used to store structured data.

Deployment:

• Application Server set-up with Linux OS.
• HTTPS/SSL/DNS Configuration.
• Hosted and Deployed with Digital Ocean.
• Check it out on → kevinsar.ca ←

The software engineering project is where I and 3 other students work together and establish full collaboration and proper communication with a real client. MeApp is a dating application with the benefit of teaching users mental wellness, self-discovery, and emphasis on a safety approach to online dating.

• Assumed the role of team lead to delegate tasks and ensure their timely completion.
• Maintained regular and effective communication with the client.
• Developed the chat feature using Stream's chat API for real-time messaging.
• Involved with merging features produced by other team members together.
• Produced a prototype of the application with all requested features.
• Java, Android SDK, SQLite, and Stream API was used to produce the prototype.

Prime Time Gaming is a prime numbers game created using React, JavaScript, and Bootstrap. It is also my first ever completed personal project.

• It's a web application with a Model-View implementation.
• State Management was used to keep track of the game state.
• React Hooks used to implement timer-countdown feature.
• Teaches users about prime numbers especially why 1 is not a prime number and why 2 is a prime number.
• Netlify was used to deploy the project.
• Check it out on → prime-time-gaming.netlify.app ←