Giter Site home page Giter Site logo

felipecastrosales / proffy Goto Github PK

View Code? Open in Web Editor NEW
15.0 2.0 1.0 1.64 MB

๐Ÿ“š Proffy | Rocketseat ๐Ÿ’œ - NLW 02 ๐Ÿ‘ฉโ€๐Ÿš€

License: MIT License

HTML 31.07% CSS 37.40% JavaScript 31.53%
rocketseat html css nunjucks sqlite sql javascript js nodejs node

proffy's Introduction


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

proffy's People

Contributors

dependabot[bot] avatar felipecastrosales avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

muskanmahajan37

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.