Code Monkey home page Code Monkey logo

event-manager-react's Introduction

Hi, welcome!

(Spanish version also available here)

My name is Eric García de Ceca Elejoste. I'm a Senior Fullstack Developer experienced in Javascript / Typescript, specially with NodeJS, React and Vue.js.

My JS / TS projects

  • Cooking API: API developed with NodeJS and Express, based on time-management cooking games.
  • Cooking Vue: User interface developed with Vue.js, based on time-management cooking games.
  • Tic Tac Toe: A little project to practice all React, Typescript and Styled Components together.
  • Event Manager API (WIP*): Simplified event creation and subscription app, developed with NodeJS, Express and Socket.io.

* Projects marked as WIP aren't 100% complete, so functionalities might be missing or bugs might be present

Other projects

I've always been curious about the video game industry, so a couple of times I tried to learn by myself:

  • Puffy Ball: During a couple of months I was learning Unity by myself. Beside some test projects, I implemented this little Flappy Bird replica. It's also uploaded as a playable version.
  • Element Crash: During my university years I programmed in Java, and I tried to apply my knowledge by making a Candy Crush version using Libgdx to implement graphics. I came up with a basic functional prototype with a single-player mode and a couple of two-player modes.

And what outside programming?

Not everything is programming, and it's good for you to have hobbies aside from your work. We are all complex human beings, am I right? Aside from all of the above, I invest some time in:

  • Exercising at the gym, good for both your physical and mental health.
  • Playing Tabletop RPGs, which lead to improvisation and using your imagination.
  • Writing fiction stories, that allow me to play with creativity.

Contact Links

You can contact me through:

event-manager-react's People

Contributors

daxadal avatar

Watchers

 avatar

event-manager-react's Issues

Create message component

  • Create a component for socket messages
  • Create a component for socket message list
  • Create a component for opening/closing message list
  • Put component in root, floating at botton-right corner

Modal

  • Create base component
  • Create variants:
    • Information Modal
    • Confirmation Modal
    • (maybe more?) Not by now
  • Place and configure modals to receive info/errors and open when necessary

Router

Follow the tutorial for reference.

Extra tasks

  • Add 404 routing

Drawer

  • Create base component
  • Fill with internal elements (maybe in a separate component)
  • Place and mantain positon
  • Allow to open and close

Toolbar

  • Create base component
  • Fill with internal elements (maybe in a separate component)
  • Place and mantain positon

Add sockets

  • Install socket.io-client library
  • Connect to backend
  • Log socket events
  • Connect socket events

Complete event detail

  • Load author on event detail
  • Load subscriptions on event detail
  • Add Subscribe button
  • Add Delete event button

Base Components

  • Avatar (?)
  • Button
    • #19
    • Add Component HTML type rewriting
  • Divider
  • Input
  • List
  • Selector

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.