felipecastrosales / Proffy

πŸ“š Proffy | Rocketseat πŸ’œ - NLW 02 πŸ‘©β€πŸš€

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool


Next Level Week, second edition, project "Proffy".

About πŸ“–

The Proffy project, an online learning platform, was an open-source project developed during Next Level Week, which took place between 03/08 until 14/08, from the @Rocketseat class, by the web development instructor for beginners in programming, @MaykBrito.

This event had a lot of exclusive, free content, it was simply sensational and profitable! πŸ˜„

  • βœ… "Accelerating Your Evolution" πŸ’ͺ
  • βœ… "Looking at opportunities" πŸ‘€
  • βœ… "The Stack's Choice" πŸ“Œ
  • βœ… "Up to two years in 2 months" πŸ”₯
  • βœ… "The extra mile" πŸš€

Previews πŸ–₯οΈπŸ“±

Desktop πŸ–₯️



Mobile πŸ“±

  • See all in images folder. πŸ§πŸ“‚

Technologies πŸš€

These were the technologies used in this project, along with a summary of what I learned about each one:

  • HTML is a hypertext markup language, which consists of a series of tags (or elements), to see a little more about HTML, click here.
  • CSS is the one who makes the stylization of your HTML, in other words, in it you can change the colors of the letters, backgrounds, spacing, decorations among many other possibilities, read more about, here, and here.
  • JavaScript is a POO, who makes the application dynamic, and who, in this simple project, makes the connection with the client side (front-end), with the server side (back-end). See more about JavaScript here.
  • Node.js, allows you to create applications and tools on the server side (backend). Node has its package manager, NPM, it is very flexible and productive, API creations, among other benefits. You can read the documentation, and about here.
  • Nunjucks is a Template Engine, which facilitates the creation of HTML pages, giving more performance, functionality and organization. Access the documentation, and see.
  • SQLite is the database, suitable for small applications, operating for applications without the need for a server and is easy to use. See the documentation, and read.

Challenges and Learnings along the way 🀯

This project was sensational for me, and I went through good and bad times, after all they are always part of our learning, which is continuous. The experience with the new technologies was great and satisfying, seeing your code giving results is a delight and a very pleasant feeling.
In this application the technologies mentioned above were used, of which not all of them worked previously (mainly those of back-end technology, such as Node.js and SQLite).
Among the technologies I had already worked on, such as HTML, CSS and JavaScript (not yet very deep), I went back to learning, remembering and putting into practice several classes I already had in my luggage.
My biggest challenge, which I was able to overcome with ease, was in the moments when the back end started to be used, because I had never worked with server, localhost, Node, Nunjucks and SQLite, but it was sensational, and everything flowed through my mind. That experience was incredible, and I will definitely be on other occasions like this.


How to Use πŸ€”


- Clone this repository:
$ git clone https://github.com/felipecastrosales/proffy

- Enter in directory:
$ cd proffy

- For install dependencies:
$ npm install

- Execute server:
$ npm run dev

- Open your browser in:
http://localhost:5500/


How to Contribute πŸ’ͺ


- Fork the project

- Create a new branch with your changes:
$ git checkout -b my-feature

- Save as changes and create a confirmation message:
$ git commit -m "feature: My new feature"

- Submit your changes:
$ git push origin my-feature



License πŸ“

This repository is under MIT license. You can see the LICENSE file for more details. πŸ˜‰


This project was developed with ❀️ by @Felipe Sales, with the instructor @MaykBrito, during the Next Level Week of Rocketseat πŸ’œ.
If it helped you, give it ⭐, it will help me too πŸ˜‰


Linkedin Badge

About

πŸ“š Proffy | Rocketseat πŸ’œ - NLW 02 πŸ‘©β€πŸš€

License:MIT License


Languages

Language:CSS 37.4%Language:JavaScript 31.5%Language:HTML 31.1%