E-Amigo

https://eamigo.vercel.app/

E-Amigo

Full-Stack Developer

  • Project Scope: March 2023 – April 2023
  • Project Type: Solo Project
  • Tech Stack: Next.js, React, TypeScript, Tailwindcss, Framer-motion, React-spline, Prisma, Next-auth, Axios, Cypress

<section id="project_brief">

E-Amigo is a social media web application to help gamers find an online community and find other gamers to play games with or just to chill with or find comrades. Find other gamer amigos globally and enjoy creating authentic connections among our community members. Each post has the game users want to play and contains information about what they are looking for.

An example of a post for E-Amigo

</section>

<section id="process">

For E-Amigo, Prisma was used to handle database functions with a database hosted on CockroachDB. After the site was connected to the database with hooks along with server sided rendering and props. Furthermore, api routes were used to connect to the database along with axios to make requests to the routes. In the post, it contains information of things such as, the title, the content, the game, and what tags of what type of users they are looking for when they play the game. Furthermore, you can see the traction of each post through the amount of comments and likes on each post.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 model Post { id Int @id @default(sequence()) title String content String userID String tags String[] game String createdAt DateTime @default(now()) updatedAt DateTime @updatedAt user User @relation(fields: [userID], references: [id]) comments Comment[] likes Like[] }

</section>

<section id="outcome">

A challenge I faced, was this being the amount of /api routes needed for the project. Each fragment and entity is being submitted to the /api routes to make requests to the database. However, working with Prisma, Next-auth, and Typescript was a fun challenge to me and I look forward to working more with these technologies and pathing towards using the full T3 stack.

A collection of the most recent posts on E-Amigo.

</section>

View the project links.