The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
I built this Tic Tac Toe game using React.js as a hands-on project to strengthen my understanding of React and improve my ability to build interactive web applications from scratch.
The game features a clean and responsive interface where two players can take turns placing their marks on the board. I implemented the game logic to track each player’s moves, automatically detect winning combinations, identify draws, and prevent unnecessary moves once the game has ended. I also added the ability to restart the game so players can easily begin a new round.
While building the project, I focused on using React components and state management to keep the application organized and interactive. I worked with concepts such as useState, event handling, conditional rendering, component-based architecture, and dynamic UI updates.
Beyond the game itself, this project gave me practical experience in thinking through application logic, managing changing data in React, handling user interactions, and creating a responsive interface that works smoothly across different screen sizes.
This project was an important step in improving my React skills and understanding how individual components, state, and logic come together to create a complete interactive web application.
🔥
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Halden - Landing Page Concepts
Halden sells to grid operators, and there were two good ways to pitch it: tell them what's coming, or show them everything happening now. Rather than pick one on instinct, I designed the landing page as an A/B test so real traffic decides.
The two pages share one 12-column grid, the same section order, type system and components. Each variant changes only its message, its hero visual and its light color, so any difference in demo requests comes from the pitch and not the layout.
The work was building a system flexible enough to carry two different stories without either one feeling like the backup version.
Forecasting (act before demand spikes) vs metering (see and bill every kilowatt)
Primary metric: Demo requests from the hero CTA
4 voted
57%
3 voted
43%
7 votes
Closed
I'd pick Forecasting. "From meter reading to early action" tells a grid operator what they get in one line. Did you write both hero lines before designing the visuals?
Kajabi Life Coach Website Design & Development
The client needed a professional website that would communicate their life coaching services more effectively, build trust with potential clients, and make it easier for visitors to understand their coaching approach and take the next step.
I helped bring this vision to life by designing and developing a Kajabi website with a welcoming visual direction, clear content structure, and intuitive navigation. The focus was on presenting the coaching services in a more engaging way, creating a smoother visitor experience, and making it easier for prospective clients to connect with the coach and explore available opportunities for personal growth.
#Kajabi #KajabiWebsiteDesign #KajabiExpert #LifeCoach #LifeCoaching #LifeCoachWebsite #CoachingWebsite #PersonalDevelopment #PersonalGrowth #CoachingBusiness #WebsiteDesign #WebsiteDevelopment #WebDesign #ResponsiveWebDesign #OnlineCoaching #BusinessWebsite #UXDesign #UIUXDesign
Love how clean and intentional everything feels.
A fresh e-commerce redesign focused on making the product experience cleaner, clearer, and easier to shop.
Really happy with how this one came together 🫧
What do you think about this visual direction? Would love to hear your thoughts!
The cleaner product layout really lets the items breathe, Ella. The soft visual direction fits a shop that wants to feel calm and easy to browse.