CodeWalk: The All-In-One Adventure by Sam

Samuel Eduardo • 2023

Description

CodeWalk is my personal project aimed at showcasing my abilities as a junior developer using technologies such as Next.js, Prisma, Supabase, Tailwind, and Stripe. I created this app with the goal of bringing together a seamless coding experience with a touch of humor. I am continuously looking to grow and refine my skills, and I believe CodeWalk will aid me in that journey.

Key Features

  • Dynamic routing with Next.js
  • Clean and modern UI
  • Responsive design using Tailwind CSS
  • UI Library AOS (check it out)
  • Prisma for object-relational mapping (ORM) and database management
  • Supabase as the real-time database platform

Getting Started

To run the project locally, clone the repository and run the following commands:


  • npm install
  • npm run dev

How to pay (StripeJS)

To process a payment in Stripe, you will need to enter some card details, in this case, since this is purely a testing environment the card number to use is 4242 **** **** ****

You can fill in the rest of the details such as the expiration date, CVC code, and the name on the card with any random information.

Once you have entered all the required information, simply click the “Pay” button to complete the payment process. Keep in mind that this is just for testing purposes and the payment will not actually go through.

Contact

You can contact me by clicking on the Contact link on the navbar or by clicking Hire me! in the footer.

In order to send emails from this application, I have set up SendGrid as the email service provider and authenticated my domain as a sender. This ensures that all emails sent from the application are properly authenticated and delivered to the recipient's inbox.

Deployment

The project was deployed to Vercel, a fast and easy-to-use hosting platform for Next.js projects. Check deployed link

Conclusion

Thank you for reading this! I hope you enjoyed the app and remember to visit often as this will be updated as frequently as I can, right now this is a repository on gitlab where I have created an aditional branch “Dev” so I can work on this then merge into Main.

For future features, I will be creating different branches (and closing when the feature has been built and deployed) named 'feature/fro-1' whereas:

  • Fro is “Frontend Feature”
  • Back is “Backend Feature”

Thanks once again!

Check my gitlab repo