elenafrontiñan

Go back

PlayUp

Full-Stack Developer | 2 weeks | Team project

Product design

Front-end

Back-end

Summary

PlayUp is a platform designed to connect board game enthusiasts, enabling users to explore a variety of games, organize events, and meet people who share similar interests. The project was developed during the Ironhack Web Development Bootcamp by Iván Blanco Martín and me.

The Challenge

The challenge proposed by Ironhack was to build a React application integrated with a JSON Server backend. The project had to include at least two CRUD operations to demonstrate our ability to create, read, update, and delete data.

The Solution

In PlayUp, we implemented three CRUD operations:

Primary CRUD: Board games, enabling admin user to manage a catalog of games.
Secondary CRUD: Events, allowing users to organize and participate in board game meetups.
Additional CRUD: Game reviews, where users could leave feedback on the games.

The technologies used were: React, JavaScript, Bootstrap, JSON Server, Context API, and Geocoding.

See Project

The Approach

We followed a structured methodology to ensure efficient teamwork and delivery within the project timeline:

Data Modeling:
- Defined the structure of the data for each CRUD operation (board games, events, and reviews) to streamline the backend setup and React component integration.
User Flow Planning:
- Designed a flowchart to map the user journey across the platform, ensuring a seamless experience and clear task allocation between team members.
Wireframes (Optional but Impactful):
- Although it was outside the project scope, we created wireframes to pre-visualize the screen layout. This step provided a clear vision of the UI before diving into coding.
Frontend Development:
- Used React and React Bootstrap to implement a responsive and visually appealing user interface.
Backend Setup:
- Integrated JSON Server to handle API requests and provide the functionality required for the CRUD operations.

The Result

PlayUp was successfully developed and met all the project requirements. The final product includes the following key features:

A comprehensive catalog of board games with detailed descriptions and user reviews.
A system for creating and joining events, integrated with geocoding to provide location data.
Full responsiveness: PlayUp is optimized for desktops, tablets, and mobile devices, ensuring accessibility across platforms.

In addition to meeting the technical requirements, PlayUp exceeded expectations by implementing a third CRUD (game reviews) and including user-centered design elements such as wireframes and responsive layouts.

This project was an excellent opportunity to demonstrate full-stack development skills, collaborative teamwork, and a user-centered design approach within a tight deadline.

Want to know anything else about me?

About me

GitHub

If you've enjoyed exploring my work and have an exciting project in mind, I'd love to hear from you —- let's create something amazing together!