codeCards

• 

  Desktop

• 

  Mobile

Inspiration

I got inspiration from the book The Programmer's Brain by Felienne Hermans. She mentions that knowing the syntax of a programming language can help you become more productive. The method she recommends in the book is having flash cards. I often run into an issue where I forget the syntax of a language if I haven't touched it in a while. I hope that by using an app like this, I'll be able to quickly recall knowledge I haven't used in a while.

What it does

The goal of this app is to present a collection of code snippets that can help refresh programming syntax.

How we built it

I built this app using TypeScript, Tailwind CSS and React.

Challenges we ran into

I started this app with only a couple hours left till the CodeJam ended so it was challenging getting a decent UI out along with the logic finished. I ended up hardcoding the logic for now and will return to it at a later date.

Accomplishments that we're proud of

I'm proud of getting a prototype out with the limited time I had.

What we learned

I furthered my knowledge of TypeScript, React and CSS while designing the UI and doing research on it.

What's next for codeCards

I plan to get an actual server running the logic eventually, along with a database for the snippets. Maybe implement users as well, so its not just stored locally and users can upload their own decks/snippets.

Built With

• react
• tailwind
• typescript