Git Product home page Git Product logo

prodyogiki's Introduction

Prodyogiki

The website is to promote a technocrat event with practical implementation of what has been learnt in NIT Hamirpur, with schedule and registration forms.

To ease the development and maintainence following technologies will be used:

  • NODE.JS(webpack and libs): To provide modules helpfull in developement. As the site will be static as of now no node features other than npm will be required.

  • PUG(HTML): To easily write and maintain web pages pug templating engine provide conveinient way,with python like indentation syntax.

  • LESS(CSS): Extended css with features like inheritance variables improved selectors, completely compatible with traditional css. All of less is compiled down to traditional css files.


Setup

This is a template repository so use this to create a repository from GitHub.

Clone your repository go in the folder and run

npm install

Using

To develop with live reloading

npm run develop

It opens up a new browser window with address localhost:9600

To build for production a.k.a. render

npm run build

Hacking

JavaScript

Use ES6 for your development without worrying about backwards compatibility powered by babel.

There is only one file app.js importing modules setting up things in your scripts directory the files you need to import, you can make any number of js files in the import any structure just it should be imported once in already imported file.

vendor.js imports your files that need to be linked to your html files.

less

includes contains all files that are not imported as reference

reference is used when you @import (reference) ...

pug

includes inline substitutions

bases the layouts that you extend

to add more pages see html-webpack-plugin

assets

Just a folder to keep do anything

root

All files and folder are put in root as is, in root of dist e.g. favicon.ico


#JustAsk

Feel free to raise an issue if you encounter any problem or are unclear about something.

prodyogiki's People

Contributors

deepak91168 avatar friqxter avatar kazefiro avatar ligmitz avatar lucifer1708 avatar mekaustubh28 avatar obiwanrohan avatar parthpant avatar raiutkarsh09 avatar rathod-sahaab avatar swastkk avatar yash-punia avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

prodyogiki's Issues

Update README.md

Readme still mentions pahal, as repo has its origin from pahal. update it to mention prodyogiki

Vertical Scrolling is broken

The vertical scroll on the website doesn't work consistently. The footer doesn't show up when scrolling. Also keyboard scroll doesn't work with the footer.

Remove yarn.lock

This was probably a mistake but these should be avoided at all costs.
one package manager at a time.

Rename images

Images currently have acronyms as name use full forms ex: `crazy-crawler.svg**

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.